2022-09-12 00:28:13 +08:00
|
|
|
import { echartOptionProfixHandle, PublicConfigClass } from '@/packages/public'
|
2022-01-25 18:19:44 +08:00
|
|
|
import { BarCommonConfig } from './index'
|
2022-02-24 10:21:33 +08:00
|
|
|
import { CreateComponentType } from '@/packages/index.d'
|
|
|
|
import cloneDeep from 'lodash/cloneDeep'
|
2022-03-19 23:28:33 +08:00
|
|
|
import dataJson from './data.json'
|
2022-01-27 23:16:51 +08:00
|
|
|
|
2022-03-19 23:28:33 +08:00
|
|
|
export const includes = ['legend', 'xAxis', 'yAxis']
|
2022-01-29 11:44:51 +08:00
|
|
|
|
2022-09-11 22:53:00 +08:00
|
|
|
export const seriesItem = {
|
|
|
|
type: 'bar',
|
|
|
|
barWidth: null,
|
|
|
|
itemStyle: {
|
|
|
|
color: null,
|
|
|
|
borderRadius: 0
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-02-26 17:38:24 +08:00
|
|
|
export const option = {
|
|
|
|
tooltip: {
|
|
|
|
show: true,
|
|
|
|
trigger: 'axis',
|
|
|
|
axisPointer: {
|
2022-02-24 17:23:20 +08:00
|
|
|
show: true,
|
2022-02-26 17:38:24 +08:00
|
|
|
type: 'shadow'
|
|
|
|
}
|
|
|
|
},
|
|
|
|
legend: {
|
2022-03-18 20:36:05 +08:00
|
|
|
show: true
|
2022-02-26 17:38:24 +08:00
|
|
|
},
|
|
|
|
xAxis: {
|
|
|
|
show: true,
|
2022-03-18 20:36:05 +08:00
|
|
|
type: 'category'
|
2022-02-26 17:38:24 +08:00
|
|
|
},
|
|
|
|
yAxis: {
|
|
|
|
show: true,
|
|
|
|
type: 'value'
|
|
|
|
},
|
2022-03-19 23:28:33 +08:00
|
|
|
dataset: { ...dataJson },
|
2022-09-11 22:53:00 +08:00
|
|
|
series: [seriesItem, seriesItem]
|
2022-02-26 17:38:24 +08:00
|
|
|
}
|
2022-02-24 17:23:20 +08:00
|
|
|
|
2022-09-12 00:28:13 +08:00
|
|
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
2022-02-24 17:23:20 +08:00
|
|
|
public key = BarCommonConfig.key
|
2022-03-10 14:12:26 +08:00
|
|
|
public chartConfig = cloneDeep(BarCommonConfig)
|
2022-02-24 17:23:20 +08:00
|
|
|
// 图表配置项
|
2022-02-26 17:38:24 +08:00
|
|
|
public option = echartOptionProfixHandle(option, includes)
|
2022-02-24 17:23:20 +08:00
|
|
|
}
|