echarts柱状图返回的数据类型很多 柱状图图例颜色 由蓝变浅 自动生成
时间: 2023-07-22 19:53:37 浏览: 163
echarts 柱状图渐变色背景
5星 · 资源好评率100%
对于 ECharts 柱状图的返回数据类型,主要有以下几种:
1. 基本数据类型:数值、字符串等,用于定义坐标轴的数据。
2. 数据数组类型:包括一维数组和二维数组,用于设置数据系列。
3. 标记点数据类型:用于设置标记点的位置和样式。
4. 标记线数据类型:用于设置标记线的位置和样式。
对于柱状图图例颜色自动变浅的问题,可以通过设置渐变色来实现。具体做法如下:
1. 在 ECharts 配置项中设置颜色数组,例如:
color: ['#006699', '#4cabce', '#e5323e']
2. 在 ECharts 配置项中设置渐变色,例如:
color: new echarts.graphic.LinearGradient(
0, 0, 0, 1,
[
{offset: 0, color: '#cdd3d5'},
{offset: 0.5, color: '#b2b7bb'},
{offset: 1, color: '#909497'}
]
)
这样设置后,ECharts 会根据数据系列数量自动生成颜色渐变,并且颜色会从深到浅逐渐变化。
阅读全文