I'm trying to replicate a Highcharts Cloud Donut chart where i can disable the data labels (working with the below snippet), then enable the legend and increase the size to 50%, but both legend snippets and the size snippet don't appear to work as the legend doesn't appear and size doesn't change.
Attached is the raw Highcharts on the left, which i trying to replicate on the left through wpDataCharts ID 7 and the code.
I'm happy to delete ID 5 from the page if that is confusing, although it relates the potential 2nd bug in my other ticket, where ID 5 is inserted twice and only renders once on the page.
That can be the issue, the same chart can not be inserted twice on the same page at the moment and we are looking to enable this for the future updates.
Can you please remove that other chart and we can work with one.
Done, i deleted Chart 5 and will raise a separate ticket if i can replicate the issue. Sorry for combining issues and for any confusion.
Looping back to the original ticket, how do i get Chart 7 (on the right) to look like the raw Highcharts (on the left) with the wpDataCharts Callbacks on the same page?
The donut chart of the highcharts does not have legend in the Highcharts library that we are using, and because of that you can not set it to show and the callbacks are not working.
If you use some other chart type you will see that your code below works.
When will the latest Highcharts library be adopted, as Donut charts and formatting, especially legend, is a standard requirement.
Just to clarify, if a callback is unavailable that means none all the callbacks won't work? Can we determine what chart library callbacks are accessible?
Hope that everything will work fine and thank you for your feed back. We will definitely consider this in improving the documentation.
If you like our plugin and support we'd greatly appreciate it if you could take a minute and leave a Review on CodeCanyon on this link. It means a lot to us.
Thanks.
Hello,
I'm trying to replicate a Highcharts Cloud Donut chart where i can disable the data labels (working with the below snippet), then enable the legend and increase the size to 50%, but both legend snippets and the size snippet don't appear to work as the legend doesn't appear and size doesn't change.
<script type="text/javascript">
jQuery(window).load(function(){
if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; }
wpDataChartsCallbacks[7] = function(obj){
obj.options.legend.enabled = true;
obj.options.plotOptions = { series: { dataLabels: { enabled: false } } };
obj.options.plotOptions = { pie: { innerSize: '50%' } };
}
});
</script>
What is the correct syntax for the Highcharts API with the wpDataCharts callback? Are these resolved or am i missing something simple?
Thanks,
Gary.
HI Gary,
Thank you for your purchase.
Can you please send me the link of this page so I can take a look.
Best regards.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
HI Gary,
Looking at the code below and the chart names and ID's i think that you just might missed the ID of the chart.
In the code you put the id 7 which is this chart ( attachment) but on the page it looks like it is chart with id 5.
Correct me if I missed something.
Best regards.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hello Bogdan,
Chart 7 is intended ID for the code.
Attached is the raw Highcharts on the left, which i trying to replicate on the left through wpDataCharts ID 7 and the code.
I'm happy to delete ID 5 from the page if that is confusing, although it relates the potential 2nd bug in my other ticket, where ID 5 is inserted twice and only renders once on the page.
Thanks,
Gary
HI Gary,
That can be the issue, the same chart can not be inserted twice on the same page at the moment and we are looking to enable this for the future updates.
Can you please remove that other chart and we can work with one.
Best regards.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hello Bodgan,
Done, i deleted Chart 5 and will raise a separate ticket if i can replicate the issue. Sorry for combining issues and for any confusion.
Looping back to the original ticket, how do i get Chart 7 (on the right) to look like the raw Highcharts (on the left) with the wpDataCharts Callbacks on the same page?
Thanks,
Gary.
HI Gary,
Sorry for asking but I just got confused a little bit.
So you want this chart ( ID 7 ) ( attachment 1) to look like this chart ( attachment 2)
Correct me If I missunderstand something.
Best regards.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hello Bogdan,
Yes that is correct.
Thanks,
Gary.
Hi Gary,
Now I can see the issue.
The donut chart of the highcharts does not have legend in the Highcharts library that we are using, and because of that you can not set it to show and the callbacks are not working.
If you use some other chart type you will see that your code below works.
Best regards.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hello Bogdan,
When will the latest Highcharts library be adopted, as Donut charts and formatting, especially legend, is a standard requirement.
Just to clarify, if a callback is unavailable that means none all the callbacks won't work? Can we determine what chart library callbacks are accessible?
Thanks,
Gary.
Hi Gary,
If you try to run the code for other High chart types you will see that it is working.
As for the donut chart I will forward this to my colleges so we can discus about adding the legend option for this chart.
Sorry for any inconvenience.
Best regards.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hello Bogdan,
Just to clarify, if one (1) callback is unavailable does that mean none of the callbacks won't work for that chart ID?
Can we determine what chart library callbacks are accessible, for the different chart types?
Thanks,
Gary.
Hello Bogdan,
Thank you for your support, what is the timing of adding the legend option for the Highcharts Donut chart?
Just to clarify, if one (1) callback is unavailable does that mean none of the callbacks won't work for that chart ID?
Can we determine what chart library callbacks are accessible, for the different chart types?
Thanks,
Gary.
Hi Gary,
Can you please try one more thing.
To set the plot options for that chart like this
plotOptions: {pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: false
},
showInLegend: true
}
},
Let me know the result.
Best regards.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
HI Gary,
That was just an example
The code for pie charts (which includes donut chart ) are different.
Probably the syntax is not good in the code below.
Best regards.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hello Bogdan,
Thank you so much for the code and updating the documentation, i'm getting the result we need and have added additional code.
Thanks,
Gary.
Hi Gary,
The pleasure is mine.
Hope that everything will work fine and thank you for your feed back. We will definitely consider this in improving the documentation.
If you like our plugin and support we'd greatly appreciate it if you could take a minute and leave a Review on CodeCanyon on this link. It means a lot to us. Thanks.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables