Google charts configuration generator
Google charts configuration generator
Video Tutorial
    • Export
    Test your chart with dummy data.
    Get all selected options in JSON format.
    Key features
    1. just select chart type and then all existing options will be available for you to play with it.
    2. Test any option on your selected chart on the fly
    How it works

    in my module you just need to select chart type, on which you want to generate configuration JSON, once you select, all the existing google chart settings gets render on page with options where you can change their values and add custom values as per your choice. you can test your entered customs values on the fly, even you can try dummy JSON data on chart.

    How to use this module

    Please find the video tutorial here, where i have explain the demonstration this module.

    We will go step by step of this module.

    from top right Select chart option you need to select Chart type & it will render all setting properties of selected chart type in Key-HTMLControl format where Key will be Google chart Settings property name and HTML control will any appropriate control which suits that Key e.g. Dropdown list, checkbox, colorpicker, textbox, textarea with default value of respective Key. you can change values also and put your own custom values.

    beside every control it has its proper description also in Information icon, on mouse hover you will get the information in popup which has detailed description of respective property.

    after every Information icon it has one more option which is Include checkbox, its says that if you want to try this option you just need to select this checkbox.

    on Top of all these settings you can find Include All checkbox option which says that if you want to include all the settings properties into your chart, just select it.

    on top Menu you will find 2 more options [Export, Apply] (appears onlyon Chart type selection).

    Export: to export all included properties in JSON format inside Modal Popup. Apply: to apply all Included properties and draw new Chart with these properties. (by this you can fine tune all options.) TryDummyData: if you want to apply any Dummy data on chart. just add in TryDummydata. chart will draw with this data.

    once you done with all the customization and fine tuning, you just need to export your finalised configuration. it will give you google chart settings in JSON format. all you have to do is just copy these settings and pass it in your application under google chart implementation script or you can use my GoogleChartRendered plugin also if you want in your application that's it. Its done.