echarts

How to make eCharts responsive?

For higher resolution screens, how do I make a chart change its width responsively according to the viewport width?

Solution

  • Resize chart on menu width change and window resize

    var myChart = echarts.init(document.getElementById('ChartDivID'));

$(window).on('resize', resize);

// Resize function
function resize() {
  setTimeout(function () {
    // Resize chart
    myChart.resize();
  }, 200);
}