最新消息: 电脑我帮您提供丰富的电脑知识,编程学习,软件下载,win7系统下载。

echarts 锥形柱状图

IT培训 admin 4浏览 0评论

echarts 锥形柱状图

想要把柱状修改为锥形,其中使用series中的symbol修改
series: [
{
data: [120, 200, 150, 300, 20, 40],
type: ‘pictorialBar’,
name: ‘零售额’,
barWidth: 70,
symbol: ‘path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z’, //重点
itemStyle: { //设置柱子样式
color: {//渐变色
type: ‘linear’,
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{
offset: 0,
color: ‘#78D7FF’, // 0% 处的颜色
},
{
offset: 1,
color: ‘#009CFF’, // 100% 处的颜色
},
],
},
},
label: { //文本样式
show: true,
position: ‘top’,
color: ‘#46EFCC’,
fontSize: 31,
fontFamily: ‘Adobe Heiti Std’,
},
}
],

echarts 锥形柱状图

想要把柱状修改为锥形,其中使用series中的symbol修改
series: [
{
data: [120, 200, 150, 300, 20, 40],
type: ‘pictorialBar’,
name: ‘零售额’,
barWidth: 70,
symbol: ‘path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z’, //重点
itemStyle: { //设置柱子样式
color: {//渐变色
type: ‘linear’,
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{
offset: 0,
color: ‘#78D7FF’, // 0% 处的颜色
},
{
offset: 1,
color: ‘#009CFF’, // 100% 处的颜色
},
],
},
},
label: { //文本样式
show: true,
position: ‘top’,
color: ‘#46EFCC’,
fontSize: 31,
fontFamily: ‘Adobe Heiti Std’,
},
}
],

与本文相关的文章

发布评论

评论列表 (0)

  1. 暂无评论