echarts 常用配置
echarts取消折线图x轴以及y轴的线
// x轴
xAxis: {
type: 'category',
boundaryGap: false,
data: res.hour,
// 取消实线代码
axisLine: {
show: false
},
axisTick: {
show: false
},
splitLine:{
show:false
}
},
// y轴
yAxis: {
type: 'value',
axisLabel: {
formatter: '{value}w'
},
axisPointer: {
snap: true
},
// 取消实线代码
axisLine: {
show: false
},
axisTick: {
show: false
},
splitLine:{
show:false
}
},
效果图
echartsy轴线为虚线
// y轴虚线
splitLine:{
lineStyle:{
type:'dotted'
}
},
效果图
echarts饼状图自定义颜色
data: [
{value: 10, name: '手动停止',itemStyle:{color: '#0c96ff'}},
{value: 300, name: '结算停止',itemStyle:{color: '#ff9e53'}},
{value: 580, name: '其他原因',itemStyle:{color: '#999999'}},
]
在’data’中添加‘itemStyle’属性中设置颜色就好了
效果图