ECharts 點選事件的 param引數
var myChart = echarts.init(document.getElementById("echarts"));
myChart.on('click', function (param) {
alert(param.seriesName); //legend的名稱
alert(param.name); //X軸的值
});
myChart.setOption(option,true);// 使用剛指定的配置項和資料顯示圖表。
param引數包含的內容有:
param.name:X軸的值
param.data:Y軸的值
param.value:Y軸的值
param.type:點選事件均為click
param.seriesName:legend的名稱
param.seriesIndex:系列序號(series中當前圖形是第幾個圖形第幾個)
param.dataIndex:數值序列(X軸上當前點是第幾個點)
相關推薦
ECharts 點選事件的 param引數
var myChart = echarts.init(document.getElementById("echarts")); myChart.on('click', function (param) { alert(param.seriesName
ECharts點選事件自定義引數
實際開發中可能需要傳自定義引數到點選事件,通過params.data(傳入的原始資料項)實現自定義引數(console列印結果)效果圖:原始碼:(注意紅色部分)<!DOCTYPE html>
React Echarts 點選事件
在React中用Echarts畫了一個環形圖,如下。 現在想要實現一個點選事件 然後查詢了一下Echarts的官方文件。http://www.echartsjs.com/api.html#events 是這樣的, 然後我是這樣做的: onclick = {
微信小程式點選事件傳遞引數的方法
小程式在元件上繫結事件後,傳遞引數的方式不同於前端開發其他場景中直接加引數的方式,小程式在引數的傳遞時,採用事件物件的自定義屬性的方式,具體實現如下: wxml: <view bindtap="passQuery" data-index="1">點選事件傳參</view&g
iOS UIButton點選事件傳遞引數的解決辦法
一、問題的出現 原生的UIButton的點選事件唯一的引數就是UIButton本身,我們通常使用UIButton自帶的tag來使用不同的引數,在簡單的業務場景下,通過tag都是可以滿足需求的,但是在某些業務複雜的情況下,tag顯得有些無力了,畢竟通過tag來傳
foreach點選事件傳遞引數,處理後區域性重新整理
1、foreach點選事件傳遞引數 </c:forEach var="liveInfo" items="${liveInfos }"> <div id="th
react native點選事件傳遞引數
比如我們定義一個TouchableOpacity點選事件,該方法需要接收一個引數值,如下 _gotoSubClass(sectionID, rowID) { console.log("sect
字串拼接,字串裡面有點選事件,點選事件裡面有動態獲取的引數
html='<select class="placeWidth fl" id="' + data.returnData[i].children[j].pfieldname + '_ss" onchange="refreshQList_sy(\' '+data.returnData[i].childre
echarts 地圖點選事件問題
有個需求,在同一個div裡面放置多個地圖(切換頁面按鈕,該div的地圖隨之變化為相應資料的地圖) 發現有個問題就是每個地圖都設定了點選事件。然後無論切換到那個地圖,都會響應前一個地圖的相應事件!!! 找了一下網上的說法,說要先清除點選事件,然後設定點選事件。 myCha
ECharts legend新增點選事件
myChart.on('legendselectchanged', function(obj) { var option = this.getOption(); var select_key = Object.keys(params.selected);
echarts 圖的點選事件
要求:在echart圖表中,點選每個項,需要跳轉對應頁面或者顯示對應的資料詳情列表。 如何新增滑鼠點選事件? 1.通常我們只使用了以下程式碼,通過配置項和資料顯示圖表。 var myChart =
echarts的地圖點選事件
1 //地圖展示 2 function map() { 3 //url,將需要的資料查詢出來,放到固定的省份的位置即可。 4 var url = "xxxxxx.action"; 5 var array = new Array(); 6 $
echarts例項 動態更新 資料問題,點選事件觸發多次
function reloadTable() { var iii = layer.load(1, {shade: [0.1,'#fff'] });//提交的動畫 url = "change/query?selectType=" + $("#select
ECharts 點選非圖表區域的點選事件不觸發問題
1. 通過 myChart.getZr().on('click', fn) 監聽整個圖表的點選事件,註冊回撥 myChart.getZr().on('click', () => { //拿到index即可取出被點選資料的所有資訊 console.log(clickIndex) })
FusionCharts新增點選事件及動態傳引數
strXML += "<set name='1-3月' link='JavaScript:to_show(0,4);' value='"+oType+"' color='AFD8F8'/>"; 或者 doctorXML += "<set name='"+
ECharts重寫滑鼠右鍵點選事件
最近在學習ECharts,關於ECharts的滑鼠右鍵事件可以看官網ECharts3文件的API,網址:點這個網址直接跳轉到官網API指定的滑鼠事件中去 如下: 在 ECharts 中主要通過 on 方法新增事件處理函式,如下: myChart.
JS中使用for迴圈新增點選事件時,獲取i值及引數異常原因及解決辦法
遇見此問題,程式碼檢查了n次都沒毛病,但是卻出現下述問題, 坑了我好久,原來是這個原因,記錄避坑! PS這是js的處理方法, 在jquery中直接用each遍歷元素繫結點選事件即可避免 $('#id').each(function(i){ $(this).click(
Echarts設定點選事件
通常在使用Echarts畫圖之後會碰到一個需求,通過點選生成後圖形具體某一項來傳遞相應的引數然後進行一個頁面的跳轉,當我遇到這個需求第一就想到了用on繫結點選事件的方法,然後就在程式碼上進行嘗試,果然可以實現這個功能,我在這塊展示的是一個柱狀圖,通過點選事件輸出
echarts折線圖新增區域點選事件,而不用去點小圓點(擴大點選範圍)
不要寫onClick事件,用以下方法代替 myChart.getZr().on('click',function (params) { var pointInPixel= [params.offsetX, params.offsetY]; if (myC
微信小程式之攜帶for迴圈角標引數的點選事件
wx:for預設的列表下的角標是index ,data-index="{{index}}" 這個屬性為標記列表角標,有了它我們就能在事件中獲取列表 item的角標<view bindtap='click' style="line-height:40px;" wx:key