Okay
  Public Ticket #3133687
Changing default state of lines of a line graph
Closed

Comments

  • Renata Vukadinovic started the conversation

    Hello,

    Before purchasing this plugin I need information if this is possible because my client is pretty strict in his needs, even though the current version is much better...

    When making a line chart (with multiple lines/columns) I need the default state of these lines to be turned off without the crossed line on the legend.

    And then by clicking on each of them, activate the wanted line on the graph each by each. 

    I am using the canvas.js engine on the chart. 

    Here is an image for a better understanding. 

    How can I do this? 

    Attached files:  canvasjs.jpg

  •  1,702
    Miloš replied


    Hi, Renata smile.png

    Thanks for showing interest in wpDataTables.

    -

    Every chart engine has its own layout and its settings.

    We use free libraries for chart engines, and they are limited as to what we can change from within the plugin's UI.

    You can check out all the available chart engines and examples of wpDataCharts documentation here : 

    Examples of tables and charts;

    Charts.JS

    HighCharts

    Google charts

    Apex charts

    If the options you need are not in the chart creation wizard,  you can try to find a custom solution using chart callbacks.

    -

    In this case, by default, all the lines will show on load for charts, and on click they will be hidden,


    so we don't have a built-in option to set the default state of the lines to be hidden on load,

    but it is possible to achieve this by using wpDataChart callbacks.

    -

    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 APIHighcharts 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.

    -

    Let me know if you have any questions.

    And, just wanted to point out that we have a Demo Sandbox site, where you can try out the plugin functionalities, on this link

    and there is a 15-day money-back guarantee period, So if you purchase the plugin, you can safely fully test it out, and if it doesn't fit your needs you can request and receive a refund in that period. ( same goes for all plugins and add-ons)


    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    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