var myChart0 = echarts.init(document.getElementById("list0"));
option0 = {
title: {
text: '单次抽奖活动统计',
subtext: '2016-12-25至2017-01-25',
},
legend: {
data: ['活动点击数'],
top: '5%',
left: '50%',
show: 'true',
symbol: {
size: 16
}
},
grid: {
show: false,
left: '10',
bottom: '10',
right: '15',
containLabel: true
},
//配置全局样式
textStyle: {
color: "blue",
fontSize: '20'
},
xAxis: [
{
type: 'category',
boundaryGap: false,
//配置x坐标样式
axisLabel: {
textStyle: {
color: 'green',
fontSize: '16'
}
},
//是否显示刻度
axisTick: {
show: false
},
data: [10.15, 10.16, 10.17, 10.18]
}
],
yAxis: [
{
type: 'value',
splitLine:{
show:false
},
//格式化
axisLabel:{
formatter: function (value, index) {
return value +"%";
}
}
}
],
series: [
{
name: '活动点击数',
type: 'line',
data: [300, 500, 200, 400],
left: 0,
areaStyle: {
normal: {
color: '#eaf6dd',
lineStyle: {
color: '#00FF00'
}
}
},
}
]
}
myChart0.setOption(option0);
echarts的简单案例
最新推荐文章于 2024-07-24 16:53:23 发布