echarts柱状图虚线显示

最新推荐文章于 2024-07-31 13:46:10 发布

轻风吹斜阳

最新推荐文章于 2024-07-31 13:46:10 发布

阅读量2.9w

点赞数 3

分类专栏： PC端

本文链接：https://blog.csdn.net/www93111/article/details/73382504

版权

PC端专栏收录该内容

30 篇文章 0 订阅

订阅专栏

最后一个柱状图虚线显示

option = {
color: ['#3398DB'],
tooltip : {
trigger: 'axis',
axisPointer : { // 坐标轴指示器，坐标轴触发有效
type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis : [
{
type : 'category',
data : ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisTick: {
alignWithLabel: true
}
}
],
yAxis : [
{
type : 'value'
}
],
series : [
{
name:'直接访问',
type:'bar',
barWidth: '60%',
data:[10, 52, 200, 334, 390, 330,
{value:220,itemStyle: {normal: {color: '#fff',barBorderColor: 'tomato',barBorderWidth:3,barBorderRadius:0,borderType:"dotted"}},}
]
}
]
};

柱状图全部虚线显示

option = {
color: ['#3398DB'],
tooltip : {
trigger: 'axis',
axisPointer : { // 坐标轴指示器，坐标轴触发有效
type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis : [
{
type : 'category',
data : ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisTick: {
alignWithLabel: true
}
}
],
yAxis : [
{
type : 'value'
}
],
series : [
{
name:'直接访问',
type:'bar',
barWidth: '60%',
itemStyle: {
normal: {
color: '#fff',
barBorderColor: 'tomato',
barBorderWidth:3,
barBorderRadius:0,
borderType:"dotted"
}
},
data:[10, 52, 200, 334, 390, 330,220]
}
]
};