ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

echarts 图表设置默认选中

2022-07-09 12:06:28  阅读:160  来源: 互联网

标签:number dispatchAction 图表 图例 选中 dataIndex seriesIndex type echarts


echarts:https://echarts.apache.org/zh/api.html#events.legendselected

tfjy1997:https://blog.csdn.net/wgf1997/article/details/124815817

数据图形

设置高亮

this.myChart.dispatchAction({
    type: "highlight",
    //seriesIndex:number | array   系列 index,可以是一个数组指定多个系列
    seriesIndex: 0,
    //dataIndex:number 数据的 index
    dataIndex: 1
})

取消高亮

一般适用于设置默认高亮之后,点击图表之后,取消高亮

this.myChart.dispatchAction({
    type: "downplay",
    //seriesIndex:number | array   系列 index,可以是一个数组指定多个系列
    seriesIndex: 0,
    //dataIndex:number 数据的 index
    dataIndex: 1
})

 

图例

默认选中图例

dispatchAction({
    type: 'legendSelect',
    // 图例名称
    name: string
})

取消选中图例

dispatchAction({
    type: 'legendUnSelect',
    // 图例名称
    name: string
})

切换图例选中状态

dispatchAction({
    type: 'legendToggleSelect',
    // 图例名称
    name: string
})

控制图例的滚动

dispatchAction({
    type: 'legendScroll',
    scrollDataIndex: number,
    legendId: string
})

 

提示框 tip

显示提示框

this.myChart.dispatchAction({
    type: "showTip",
    seriesIndex: 0,
    dataIndex: 1
})

 

标签:number,dispatchAction,图表,图例,选中,dataIndex,seriesIndex,type,echarts
来源: https://www.cnblogs.com/naturl/p/16460531.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有