请教问下各位大神可不可以在echarts title位置的title上添加点击事件

来源：蜘蛛抓取(WebSpider) 时间：2017-09-29 03:14 标签： echarts title
echarts对每个data[i]的图片添加点击事件
时间： 22:43:06
&&&& 阅读：346
&&&& 评论：
&&&& 收藏：0
标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&1.综述：以饼图为例，只需要对echarts对象option添加以下几行代码即可
//添加点击事件（单击），还有其他鼠标事件和键盘事件等等
myChart1.on("click", function (param){
alert(param.dataIndex+‘:‘+option1.series[0].data[param.dataIndex].name);
3.目录结构
4.&head&&/head&和&body&&/body&的内容
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
&script src="echarts/echarts.js" type="text/javascript"&&/script&
&div id="myChart1" style="height: 400px"&&/div&
5.JavaScript部分
&script type="text/javascript"&
window.onload=function(){
//配置echarts的路径
require.config({
packages: [{
name: ‘echarts‘,
location: ‘echarts‘,
main: ‘echarts‘
//样例数据，可以是后端传过来的json字符串
var arr1 = new Array(100,130,76,150);
require([‘echarts‘,‘echarts/chart/pie‘],
function drawPie(ec){
myChart1 = ec.init(document.getElementById(‘myChart1‘));
var option1 = {
text: ‘上个月每周的学习时间分布‘,
//subtext: ‘饼图（Pie Chart）‘,
x:‘center‘
tooltip : {
trigger: ‘item‘,
//trigger: ‘axis‘,
formatter: "{a} &br/&{b} : {c} ({d}%)"
orient : ‘vertical‘,
x : ‘left‘,
y : ‘center‘,
data:[‘第一周‘+arr1[0]+‘学时‘,
‘第二周‘+arr1[1]+‘学时‘,
‘第三周‘+arr1[2]+‘学时‘,
‘第四周‘+arr1[3]+‘学时‘
toolbox: {
show : true,
feature : {
//mark : {show: true},
dataView : {show: true, readOnly: false},
restore : {show: true},
saveAsImage : {show: true}
calculable : true,
series : [
//name:‘饼图实例-------------------------------‘,-------------‘,
type:‘pie‘,
radius : ‘75%‘,
center: [‘50%‘, ‘60%‘],
{value:arr1[0], name:‘第一周‘+arr1[0]+‘学时‘},
{value:arr1[1], name:‘第二周‘+arr1[1]+‘学时‘},
{value:arr1[2], name:‘第三周‘+arr1[2]+‘学时‘},
{value:arr1[3], name:‘第四周‘+arr1[3]+‘学时‘}
// 为echarts对象加载数据
myChart1.setOption(option1);
//添加点击事件（单击），还有其他鼠标事件和键盘事件等等
myChart1.on("click", function (param){
alert(param.dataIndex+‘:‘+option1.series[0].data[param.dataIndex].name);
&标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&原文：http://www.cnblogs.com/zhzhair-coding/p/6953982.html
教程昨日排行
&&国之画&&&& &&&&&&
&& &&&&&&&&&&&&&&
鲁ICP备号-4
打开技术之扣，分享程序人生！他的最新文章
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)

我要回帖

更多关于 echarts title 的文章

 

随机推荐