尝试使用echarts创建细化图表

Question

我正在尝试使用echart.js创建细化的条形图。我尝试重新初始化条形图中特定列上的图表onClick。

我的代码：

var dom = document.getElementById("container2");
var myChart = echarts.init(dom);
option = {
            xAxis: {
                    type: 'category',
                    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                    },
                    yAxis: {
                        type: 'value'
                    },
                    series: [{
                        data: [820, 932, 901, 934, 1290, 1330, 1320],
                        type: 'bar',
                        smooth: true
                    }]
        };

       myChart.on('click', function (params) {
            if (params.componentType == 'series' && params.name == 'Mon') {
                console.log('coming') //Its logging "coming"
                myChart = echarts.init(dom); //Reinitializing myChart to load next option
                option = {  // I want to display this graph onClick of column 
                    xAxis: {
                        type: 'category',
                        data: ['1', '2', '3']
                    },
                    yAxis: {
                        type: 'value'
                    },
                    series: [{
                        data: [80, 92, 01]
                        type: 'line',
                        smooth: true
                    }]
                };
      myChart.setOption(option)
            }
        });

谢谢你。如果您还有其他需要，请告诉我。

Answer 1

我在使用此代码时遇到错误，您是否知道如何在echarts中进行深入研究，请分享一个示例

我遇到此错误

this.dom.getContext不是函数