網站首頁 編程語言 正文
一、ECharts方法
<body> <div id="main" style="width: 600px;height:400px;"></div> <script type="text/javascript"> // 基于準備好的dom,初始化echarts實例 var myChart = echarts.init(document.getElementById('main')); // 指定圖表的配置項和數據 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' } ], }; // 使用剛指定的配置項和數據顯示圖表。 myChart.setOption(option); myChart.on('click', function(param) { this.methodOne(); }); </script> </body>
二、Echarts所在標簽加@click()
這種傳統方法可以精準控制點擊區域,? 優選選擇
有用請點贊,養成良好習慣!
疑問、交流、鼓勵請留言!
原文鏈接:https://libusi.blog.csdn.net/article/details/128066288
- 上一篇:沒有了
- 下一篇:沒有了
相關推薦
- 2022-06-09 ASP.NET?Core基于現有數據庫創建EF模型_實用技巧
- 2022-12-13 Python使用Matplotlib繪制三維散點圖詳解流程_python
- 2022-06-26 C++中declspec(dllexport)和declspec(dllimport)?的用法介紹_
- 2022-12-02 React函數式組件Hook中的useState函數的詳細解析_React
- 2022-09-13 Python利用臨時文件實現數據的保存_python
- 2022-06-25 CentOS?8?安裝調試KVM的詳細步驟_Kvm
- 2022-11-15 Python中class內置方法__init__與__new__作用與區別解析_python
- 2022-10-09 C#實現線性查找算法_C#教程
- 欄目分類
-
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支