echarts 取消图例上的点击事件和图表上鼠标滑过点击事件
2017-08-21 09:55
1411 查看
备注:标黄的代码是起作用的代码,其他的不需要借鉴!!!
//取消 鼠标滑过的提示框
tooltip : {
[align=left] trigger: 'item',
show:false,
formatter: "{a} <br/>{b} : {c} ({d}%)"[/align]
},
//取消图例的点击事件
legend: {
orient : 'vertical',
selectedMode:false,
x : 'left',
data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
},
//取消图表上的点击事件
series : [
{
name:'访问来源',
type:'pie',
clickable:false,
radius : '55%',
center: ['50%', '60%'],
data:[
{value:335, name:'直接访问'},
{value:310, name:'邮件营销'},
{value:234, name:'联盟广告'},
{value:135, name:'视频广告'},
{value:1548, name:'搜索引擎'}
]
}
]
//取消 鼠标滑过的提示框
tooltip : {
[align=left] trigger: 'item',
show:false,
formatter: "{a} <br/>{b} : {c} ({d}%)"[/align]
},
//取消图例的点击事件
legend: {
orient : 'vertical',
selectedMode:false,
x : 'left',
data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
},
//取消图表上的点击事件
series : [
{
name:'访问来源',
type:'pie',
clickable:false,
radius : '55%',
center: ['50%', '60%'],
data:[
{value:335, name:'直接访问'},
{value:310, name:'邮件营销'},
{value:234, name:'联盟广告'},
{value:135, name:'视频广告'},
{value:1548, name:'搜索引擎'}
]
}
]
相关文章推荐
- echarts 取消图例上的点击事件和图表上鼠标滑过点击事件
- echarts 取消图例上的点击事件和图表上鼠标滑过点击事件
- echarts 图例 legend 取消点击事件
- 完美解决echarts的柱状图和折线图的点击非图表图形元素不会触发事件
- vue引入echarts、找不到的图表引入方法、图表中的点击事件
- echarts图表点击事件之跳转页面和加载页面
- echarts力导向图区分鼠标点击事件与拖拽事件(angularjs)
- jQuery实现鼠标滑过点击事件音效试听
- 【echarts】绘制带有点击事件的图表
- echarts图表点击事件之跳转页面和加载页面
- echarts自定义图例的点击事件
- echarts图表文字显示问题,给图表添加点击事件
- echarts图表点击事件之跳转页面和加载页面
- Ext内GridPanel上取消模型上的鼠标点击事件
- echarts重写图例点击事件
- ECharts重写鼠标右键点击事件
- css取消div蹭上的鼠标点击事件
- echarts图表点击事件之跳转页面和加载页面
- 当鼠标滑过,点击地图时,高亮显示,触发事件
- jQuery实现鼠标滑过点击事件音效试听