Legend

legend.

legend. Enable Apache ECharts under Libraries, wait until it is checked, then paste the whole editor.

Goal

Run every block and confirm the chart is visible.

document.body.innerHTML = '<div id="c" style="width:480px;height:320px"></div>';
const c = echarts.init(document.getElementById("c"));
c.setOption({ legend: {}, xAxis: { data: ["Jan", "Feb", "Mar", "Apr"] }, yAxis: {}, series: [{ name: "Nairobi", type: "line", data: [48, 55, 92, 150] }, { name: "Mombasa", type: "line", data: [22, 18, 40, 80] }] });
console.log('legend');
document.body.innerHTML = '<div id="c" style="width:480px;height:320px"></div>';
const c = echarts.init(document.getElementById("c"));
c.setOption({ xAxis: { data: ["Nairobi", "Mombasa", "Kisumu", "Nakuru", "Eldoret"] }, yAxis: {}, series: [{ type: "bar", data: [21, 15, 15, 18, 12] }] });
console.log('bar');
document.body.innerHTML = '<div id="c" style="width:480px;height:320px"></div>';
const c = echarts.init(document.getElementById("c"));
c.setOption({ xAxis: { data: ["Jan", "Feb", "Mar", "Apr"] }, yAxis: {}, series: [{ type: "line", data: [48, 55, 92, 150] }] });
console.log('line');
console.log('legend');