标签： Echarts

  • 【自然笔记】通过ECharts建立观鸟图表

    （！该内容目前只做测试，分类未经过严格验证）

    通过模板函数引入ECharts的js，不过这次限制了只有“Echarts”标签的文章加载，避免影响其他界面的加载速度。

    切换图表类型

    效果如上：采用了矩形树图+旭日图，感觉旭日图更加醒目，通过点击标题来切换图表类型。

    <div id="chart-title" style="text-align: center; font-size: 20px; margin-top: 10px; cursor: pointer; color: #007BFF;">
    切换图表类型
</div>
      document.getElementById('chart-title').addEventListener('click', function () {
                if (currentOption === 'treemap') {
                    myChart.setOption(sunburstOption);
                    currentOption = 'sunburst';
                } else {
                    myChart.setOption(treeMapOption);
                    currentOption = 'treemap';
                }
            });
        });