var myColor = ["#1089E7", "#F57474", "#56D0E3",
series: [
{
name: "直接访问",
type: "bar",
data: [10, 52, 200, 334, 390, 330, 220],
// 修改柱子宽度
barWidth: "80%",
// 柱子之间的距离
barCategoryGap: 50,
itemStyle: {
// 修改柱子圆角
barBorderRadius: [5, 5, 0, 0],
// 修改柱子颜色(参数是一个函数,可以给一组数据柱子设置不同的颜色)
color: function(params) {
var num = myColor.length;
return myColor[params.dataIndex % num];
}
opacity: 1,
// 柱子边框颜色
borderColor: "#00c1de",
// 柱子边框宽度
borderWidth: 3,
//使用的 x 轴的 index层级,在单个图表实例中存在多个 x 轴的时候有用,
yAxisIndex: 0,
},
// 柱子内百分比显示数据
label: {
show: true,
// 图形内显示
position: "inside",
// 文字的显示格式
formatter: "{c}%",
},
},
],
柱形series配置
最新推荐文章于 2024-03-18 17:49:30 发布