echarts常⽤图表类型及属性汇总——柱状波浪图{
title: {
text: (chartData && hartName) || '⽆标题',
subtext: (chartData && chartData.subtext) || '',
subtextStyle: {
align:'right',
color:'#aaa',
fontSize: 12,
fontWeight: 'normal'
}
},
tooltip: {},
grid: {
left: '3%',
right: '45px',
top:'90px',
bottom: '3%',
containLabel: true
},
xAxis: (chartData && chartData.xAxis) || {
ame || '',
?false:true,
html animation属性
splitLine: {show: false},
// axisTick: {
//    show: false //去掉刻度线
// },
axisLine: {
// 设置轴线的属性
lineStyle: {
color: '#8e8e8e', //
width: 1 // 这⾥是为了突出显⽰加上的
}
},
data: chartData && chartData.datas && chartData.datas.x, // ['04/16', '04/21', '04/26', '05/01', '05/06', '05/11', '05/16'],                },
yAxis: {
name: ame || '',
axisLine: {
// 设置轴线的属性
lineStyle: {
color: '#8e8e8e',
width: 1 // 这⾥是为了突出显⽰加上的
},
formatter: '{value} %'
},
splitLine: {
// 设置⽹格样式
show: false,
}
},
series: (chartData && chartData.series) || [
// ⽤于指定图标显⽰类型
{
// name: chartData && hartXName,
type: 'bar',
data: chartData && chartData.datas && chartData.datas.y,
animationDelay: function (idx) {
return idx * 10;
},
}
],
animationEasing: 'elasticOut',
animationDelayUpdate: function (idx) {
return idx * 5;
}            };

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。