series: [
{
data: [26, 38, 18, 42, 12],
type: "bar",
color: "#7C1AFF",
itemStyle: {
// normal: {
color: {
type: "linear",
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{
offset: 0,
color: "#C000FF", // 0% 处的颜色
},
{
offset: 1,
color: "#203AFF", // 100% 处的颜色
},
],
global: false, // 缺省为 false
},
borderRadius: [30, 30, 0, 0], // 圆角边框
shadowColor: "rgba(0,160,221,1)", // 阴影颜色
shadowBlur: 4,
// },
},
},
],
echarts柱状图渐变颜色
最新推荐文章于 2024-08-08 13:18:39 发布
文章介绍了如何在JavaScript中创建一个带有颜色渐变的条形图(barchart),使用`series`数据结构展示了26-42的数值,并详细说明了颜色配置和样式选项。
摘要由CSDN通过智能技术生成