vue echarts的使用总结。
选项={ 0
Tooltip: {//提示框组件，也就是我们经常看到的鼠标移入后，会有一个框架显示你当前正在移入的参数名称和数据。
触发器：“item”//设置触发器类型“item”。数据项的触发器主要是散点图，饼图/“轴”轴的触发器主要是直方图，折线图/“无”的触发器不是。
},
Legend: {//Legend组件，我理解的是它旁边的文字。
方向： '垂直'，//布局面向此垂直行'水平'或水平行。
底部： '0 '，//距容器的距离。
Left: 'right '，//整个图例的位置。
向左对齐：//这可以设置图例标记相对于文本的位置。
Formatter :函数(名称){//这个函数是为了满足你也可以看到图例上写了多少数据的要求。
//获取图例显示内容。
让数据=option.series[0]。数据；
让total=0；
让TarValue=0；
for(设i=0，l=data.lengthI l；I){ 0
总计=数据[i]。价值；
if(数据[i]。name==name){ 0
if (data[i].name.length 4)
name=name.slice(0，4)“.”；
}
tarValue=数据[i]。价值；
}
}
让p=((tarValue/total) * 100)。toFixed(0)；
返回p“%”名称；
},
data: ['搜索引擎'，'直接'，'电子邮件'，'联合广告'，'视频广告']
},
grid: {
top: '8% '，
左侧： '-30% '，
右： '10% '，
底部： '10% '
},
Series: [//相当于模式本身，即饼图中设置的是饼图的外观。
{
名称： '访问自'，
键入： '饼图'，
Center: ['25% '，' 50%']，//可以设置模式在容器中的位置。
radius: ['40% '，' 70%']，
回避标签lOverlap:假，
itemStyle: {
borderRadius: 10，
borderColor: '#fff '，
borderWidth: 2
},
标签: {
show: false，
位置： '中心'，
fontSize: 12
},
强调： {
标签: {//这是我的圆圈中心的文本样式。
show: true，
fontSize: '12 '，
fontWeight: '粗体'
}
},
标签:
show: false
},
数据： [
{ value: 1048，name: '搜索引擎' }，
{ value: 735，name: 'Direct' }，
{ value: 580，name: 'Email' }，
{ value: 484，name: '联合广告' }，
{值： 300，名称：“视频广告”}
]
}
]
};
本文用于记录，总结了使用echarts时的一些部分。
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/67474.html