Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Added an eChart implementation of the "Interactive Chart" section

...

Note

 This code does not work with OHLC and candlestick charts.

Note

The code above only works for charts made with jqPlot


The following code is for interactive charts made with eChart and should also be put in the "Custom Footer"

Code Block
languagejs
<script>
$(document).ready(function() {
    //ID of one's eChart can be found in html elements of the chart when launching the app
    //which can be found by right-clicking the chart and pressing "Inspect"
	var aChart = echarts.init(document.getElementById('some_id'));

    aChart.on('click', function(params) {
      console.log("Click!");
	  console.log("Data name: " + params.name);
      console.log("Data value: " + params.data);
    });
});

Download Demo Apps

Available in Joget Marketplace

...