日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學(xué)無先后，達者為師

網(wǎng)站首頁 編程語言 正文

ECharts 觸發(fā)click點擊事件的兩種方式

作者：慕白Lee 更新時間： 2023-09-18 編程語言

一、ECharts方法

<body>
    <div id="main" style="width: 600px;height:400px;"></div>
    <script type="text/javascript">
        // 基于準(zhǔn)備好的dom，初始化echarts實例
        var myChart = echarts.init(document.getElementById('main'));
 
        // 指定圖表的配置項和數(shù)據(jù)
        option = {
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
            }
        ],
        };
 
        // 使用剛指定的配置項和數(shù)據(jù)顯示圖表。
        myChart.setOption(option);
        myChart.on('click',  function(param) {
            this.methodOne();
        });
    </script>
</body>

二、Echarts所在標(biāo)簽加@click()

這種傳統(tǒng)方法可以精準(zhǔn)控制點擊區(qū)域,? 優(yōu)選選擇

有用請點贊，養(yǎng)成良好習(xí)慣！

疑問、交流、鼓勵請留言！

原文鏈接：https://libusi.blog.csdn.net/article/details/128066288

  • 上一篇：沒有了
  • 下一篇：沒有了
欄目分類
最近更新