Okay
  Public Ticket #1632501
Formatting the graphs
Closed

Comments

  • gregoirellorca started the conversation

    Dear support team,

    I just bought your plug-in and I looked at the documentation online. However, it is rather shallow as far as formating Google graphs is concerned.

    More specifically, we use a Scatter Chat.

    Here are a few things I'd like to do, but couldn't find anything in the settings :

    1) How may I add a trend-line to each dataset ?

    2) How may I organise and split labels into different groups ?

    3) How may I hide some datasets on display (meaning that visitors will only see the dataset if they click on its legend item).

    4) How may I edit the weight (or size) of the dots on the scatter chart ?


    Thank you very much for your help.


    Regards,

    Greg


  •  1,850
    Miloš replied

    HI Greg,
    Thank you for your purchase.

    For customizing the charts you can take a look at our documentation about wpDataCharts callbacks. There you can see all available chart engines and some examples with available APIs for desired engine.

    Hope this can help.


    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 | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia 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

  • gregoirellorca replied

    Dear Bodgan,

    Thank you very much for your help.


    Could you please tell me if there is a deeper guide, somewhere ? For instance, I could not find anything related to handling labels in the legend.

  •  1,850
    Miloš replied

    Hi Greg,

    Unfortunately writing custom code for the callbacks are not included in the regular support. I can give you some examples or guides where to look.


    Here is one example if you are using pie charts family:

    This one can manipulate with the legend of the Highcharts

    <script type="text/javascript">
    jQuery(window).load(function(){
        if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; }
        wpDataChartsCallbacks[7] = function(obj){
            obj.options.plotOptions = { 
            series: { 
            dataLabels: { 
            enabled: false 
            }
            },
            pie: {
               allowPointSelect: true,
               cursor: 'pointer',
                 dataLabels: {
                    enabled: false
                 },
                 showInLegend: true
            }
        };
        obj.options.series[0].innerSize = '50%';
     };
    });
    </script>

    This code can be helpful for changing the color of the labels the pie charts:

    <script type="text/javascript">
    jQuery(window).load(function(){
        if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; }
        wpDataChartsCallbacks[149] = function(obj){
    obj.options.plotOptions.pie = {
       colors: [
         '#50B432', 
         '#ED561B', 
         '#DDDF00', 
         '#24CBE5', 
         '#64E572', 
         '#FF9655', 
         '#FFF263', 
         '#6AF9C4'
       ]
    }
    }
    });
    </script>

    Is there any example of that chart so I can take a look and also give me some example what you want to change.


    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 | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia 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