1.0.3 • Published 2 years ago
@sensecare/multi-bar-chart v1.0.3
多系列柱状图
/**
* 名称:多系列柱状图
* @param {*} id 当前选中容器
* @param {*} seriesData 当前数据
* @param {*} xData 当前x轴数据
* @param {*} chartMap 当前图表实例组合
* @param {*} color 自定义bar颜色集合
**/
import { initMultiBarCharts } from 'xxx'
const chartMap = new Map();
const seriesData = [
{
name: 'Forest',
data: [320, 332, 301, 334, 390]
},
{
name: 'Steppe',
data: [220, 182, 191, 234, 290]
},
{
name: 'Desert',
data: [150, 232, 201, 154, 190]
},
{
name: 'Wetland',
data: [98, 77, 101, 99, 40]
}
]
const xData = ['2012', '2013', '2014', '2015', '2016']
// 生成多系列柱状图实例
initMultiBarCharts({
seriesData,
xData,
id: 'multiBarChart',
chartMap,
color: ['#2777EC', '#2EACFF', 'red', 'yellow']
})