How to make eCharts responsive?

Question

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

Answer 1

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);
}