echarts折線圖取消折線上圓點,設定線條為虛線,設定第一個點在y軸上,拐點是曲線,線條下加填充區域
阿新 • • 發佈:2018-12-20
series--->symbol: "none" 取消折線上的圓點
設定線條為虛線
series: [{ itemStyle:{ normal:{ lineStyle:{ width:2, type:'dotted' //設定線條為虛線 } } }, data: data, type: 'line' }]
預設格式
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line',
}]
};
xAxis---->boundaryGap: false 設定第一個點在y軸上,x軸的刻度是一個點
series--->smooth: true 設定拐點是平滑的曲線
series--->areaStyle: {} 設定線條下加填充
option = { xAxis: { type: 'category', boundaryGap: false, data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{ data: [820, 932, 901, 934, 1290, 1330, 1320], type: 'line', smooth: true, areaStyle: {} }] };