pengjunjie/JeecgBoot
1
0
Fork 1
mirror of https://github.com/jeecgboot/JeecgBoot.git synced 2026-01-03 12:05:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

修改柱体颜色

Browse Source
This commit is contained in:
JEECG
2024-09-24 22:47:04 +08:00
parent a3997dfd16
commit 7fecdf94e5
3 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
jeecgboot-vue3/src/views/report/chartdemo/chartdemo.data.ts
View File

@ -1,8 +1,10 @@
const colors = ['#4db6ac', '#ffb74d', '#64b5f6', '#e57373', '#9575cd', '#a1887f', '#90a4ae', '#4dd0e1', '#81c784', '#ff8a65'];
export const getData = (() => {
let dottedBase = +new Date();
const barDataSource: any[] = [];
const barMultiData: any[] = [];
const barLineData: any[] = [];
const barLineColors: any[] = [];
for (let i = 0; i < 20; i++) {
let obj = { name: '', value: 0 };
@ -44,6 +46,7 @@ export const getData = (() => {
obj.value = Math.random() * 200;
barLineData.push(obj);
}
barLineColors.push(colors[j]);
}
return { barDataSource, barMultiData, pieData, barLineData, radarData };
return { barDataSource, barMultiData, pieData, barLineData, barLineColors,radarData };
})();

4
jeecgboot-vue3/src/views/report/chartdemo/index.vue
View File

@ -38,7 +38,7 @@
<Gauge :chartData="{ name: '出勤率', value: 70 }" height="50vh"></Gauge>
</a-tab-pane>
<a-tab-pane key="10" tab="折柱图">
<BarAndLine :chartData="barLineData" height="50vh"></BarAndLine>
<BarAndLine :chartData="barLineData" :customColor="barLineColors" height="50vh"></BarAndLine>
</a-tab-pane>
<a-tab-pane key="11" tab="排名列表">
<RankList title="门店销售排行榜" :list="rankList" style="width: 600px; margin: 0 auto"></RankList>
@ -71,7 +71,7 @@
import BarAndLine from '/@/components/chart/BarAndLine.vue';
const activeKey = ref('1');
const { barDataSource, barMultiData, pieData, barLineData, radarData } = getData;
const { barDataSource, barMultiData, pieData, barLineData, radarData,barLineColors } = getData;
const multiBarOption = {
title: { text: '多列柱状图', left: 'center' },
};