Hi Mee,

1. Sorry to disappoint you, but at the moment, we don't have any built-in option to achieve adding a logo and/or disclaimer under a chart.

You can make a development suggestion for our developers.

Please feel free to search on our suggestions page, 

 to see if someone may be already suggested this feature. If you can't see it, feel free to add your suggestion there,  and as more people vote, the feature will move higher on the priority list.

You can certainly follow our changeLog page if you'd like ( it is also available in the plugin dashboard), where we state any changes/new features/bug fixes during updates;

and our newsletter, so you're informed about new features, bug fixes, freebies, etc.

-

If you have coding skills and wish to try to make a custom solution now,

you can check our documentation about wpDataCharts callbacks. 

• Every chart exposes several options that customize its look and feel. Charts usually support custom options appropriate to that visualization. wpDataChart callbacks allow adding options that are available in Google Charts API, Highcharts API, and Chart.js API. 

• All necessary resources are available in charts engines API (depends on which one you use). Every engine has a different approach to chart settings. In wpDataChart callbacks, you have to adopt those settings to the wpDataChart object (you can take a look at examples for each engine in our documentation, and also in the Support help center). 

A huge number of examples for any area of programming can be found on stackoverflow.com (typing your problem in google and at the end add "site: stackoverflow.com" and Google will search only that website). Also, a lot of examples of charts, chart settings, and customization can be found on jsffidle.net (typing in google for example "line chart highcharts jsffidle")

• Please note that using hooks or wpDataTable and wpDataChart callbacks requires a certain level of programming skills and included support refers only to advice.

-

2. When it comes to export options, if I understood this question is for Table Tools in our Tables;

you can choose which options will be available in table settings/Table Tools

or you can completely disable Table Tools for a specific table - and this table will not have any of these options available.

-

But not sure if I understood, you also wrote you don't want them to be able to view the data table.

If you need to hide a source table,  but need to have a Chart to follow table filtering,

we have a CSS workaround that can hide the table and just leave a Chart on the page , if you need that let me know;

I think we already discussed that on an older ticket, but not sure.

Hi Mee,

Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.

-

1. No problem, I am happy to advise.

2. In regards to the background image being fixed,

at the moment we do not have any 'out of the box' solution to achieve this.

You can only try to find a way with a custom Chart Callback perhaps, but I am honestly not sure,

we haven't tried anything like that before.

I am also reading that documentation now (https://www.highcharts.com/docs/chart-design-and-style/style-by-css),

but I am not 100% sure what is the best way to try and apply what is explained there;

It seems from some of the Demos from that page, that you will need to call a stylesheet from the HighCharts Engine and try to apply it that way,

but we can't say for sure.

I don't think you will be able to use simple CSS for the Charts in our Plugin like that;

perhaps a custom Chart hook will be needed, but this goes beyond what our Support is able to cover;

I am sorry that we are not able to be more helpful on this matter;

I will pass this to our developers, though, and they will do their best to try and find some examples in our Documentation for how users could use CSS as shown from that HighCharts Documentation;

I can't promise an ETA on it, though.

3. In regards to possible Chart Export options and hiding some of them,

Thank you for clarifying, I see what you need;

Yes, we had another user before who reported that he was able to achieve this.

I will share what we told him first, and what he added,  if you need to possibly modify the workaround as he did :

First we said this :

Regarding customizing the export module for highcharts, 

our senior colleagues shared  custom CSS you can use on the WP page ( or you can use a CSS plugin to place on all pages, if you wish)

This is the CSS :

#highcharts-8yun1kd-0 > div.highcharts-contextmenu > ul > li:nth-child(1), 
#highcharts-8yun1kd-0 > div.highcharts-contextmenu > ul > li:nth-child(2),
 #highcharts-8yun1kd-0 > div.highcharts-contextmenu > ul > li:nth-child(6), 
#highcharts-8yun1kd-0 > div.highcharts-contextmenu > ul > li:nth-child(9), 
#highcharts-8yun1kd-0 > div.highcharts-contextmenu > ul > li:nth-child(10), 
#highcharts-8yun1kd-0 > div.highcharts-contextmenu > ul > li:nth-child(11) {
display: none !important;
}

Here is what each line/selector is for :

child1 - View in Full screen
child2 - Print chart
child6 - download pdf
child9 - download CSV
child10 - download XLS
child11 - view data table

- So, you can just check which ones you need to be visible, and remove those lines from the code.smile.png

For example, here is a screenshot if we remove some of them :

Let us know how that seems, and if it works for you as a solution.

-

Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways. 

If you need help with adding custom CSS to the page, please take a look at this article.

-

After that, the user said :

I didn't think about the CSS portion and that you could just hid the <div>. So I modified it slightly to be this:

/*modification of highcharts Export Chart button to hide data download options like .csv, .xls and datatable view (child 9,10,11)*/
div.highcharts-contextmenu > ul > li:nth-child(9), 
div.highcharts-contextmenu > ul > li:nth-child(10), 
div.highcharts-contextmenu > ul > li:nth-child(11) {
display: none !important;
}

This solves the problem across all my highcharts (and there are a lot) by not calling on a specific chart. This code I placed under the additional/custom CSS for my theme where I put modifications I have made to other plugins and the like. In this way I was successful at removing the .csv, .xls and view data tables export from all highcharts graphs.

Part of the code you gave me,

#highcharts-8yun1kd-0
seems to refer to a specific chart on your end, but I was able to figure out what one of my charts was called ('#highcharts-0zvqjv8-0'), 

and found that I could also modify each chart individually. But I had too many charts to do that with, so really, the simplest code above was the one that works the best for my needs.

"

I hope that helps.

Hi Mee,

you're welcome, i am happy to help.

-

1. Happy to hear that the CSS works, thanks for letting us know.

2. Thank you for sharing that JSFiddle example, i see what you mean, it is quite interesting.

Yes - something like that might be possible, but i can't say for sure, since we don't have any examples like this from our developers yet;

We plan to work with the devs soon to add more examples for customizations like this  to our Documentation for Charts soon;

but i can't say an exact ETA on it.

Of course, as you know, please don't hesitate to open new tickets if anything else comes up in the meantime.

Thank you.