github
/
jeecg-boot-vue3
mirror of https://github.com/jeecgboot/jeecgboot-vue3
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

[issues/613] LineMulti 在数据不对齐时，横坐标计算错误

pull/663/head
zhangdaiscott 2023-07-13 18:36:52 +08:00
parent 823ca5e328
commit f563214269
2 changed files with 29 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/chart/BarMulti.vue
View File

@ -6,7 +6,7 @@
import { useECharts } from '/@/hooks/web/useECharts';
import { cloneDeep } from 'lodash-es';
export default defineComponent({
name: 'barMulti',
name: 'BarMulti',
props: {
chartData: {
type: Array,
@ -75,10 +75,20 @@
let xAxisData = Array.from(new Set(props.chartData.map((item) => item.name)));
let seriesData = [];
typeArr.forEach((type) => {
let obj = { name: type, type: props.type };
let chartArr = props.chartData.filter((item) => type === item.type);
let obj: any = { name: type, type: props.type };
// update-begin-author:liusq date:2023-7-12 for: [issues/613] LineMulti 在数据不对齐时，横坐标计算错误
let data = [];
xAxisData.forEach((x) => {
let dataArr = props.chartData.filter((item) => type === item.type && item.name == x);
if (dataArr && dataArr.length > 0) {
data.push(dataArr[0].value);
} else {
data.push(null);
}
});
// update-end-author:liusq date:2023-7-12 for: [issues/613] LineMulti 在数据不对齐时，横坐标计算错误
//data数据
obj['data'] = chartArr.map((item) => item.value);
obj['data'] = data;
seriesData.push(obj);
});
option.series = seriesData;

19
src/components/chart/LineMulti.vue
View File

@ -7,7 +7,7 @@
import { cloneDeep } from 'lodash-es';
export default defineComponent({
name: 'lineMulti',
name: 'LineMulti',
props: {
chartData: {
type: Array,
@ -76,14 +76,25 @@
let xAxisData = Array.from(new Set(props.chartData.map((item) => item.name)));
let seriesData = [];
typeArr.forEach((type) => {
let obj = { name: type, type: props.type };
let chartArr = props.chartData.filter((item) => type === item.type);
let obj: any = { name: type, type: props.type };
// update-begin-author:liusq date:2023-7-12 for: [issues/613] LineMulti 在数据不对齐时，横坐标计算错误
let data = [];
xAxisData.forEach((x) => {
let dataArr = props.chartData.filter((item) => type === item.type && item.name == x);
if (dataArr && dataArr.length > 0) {
data.push(dataArr[0].value);
} else {
data.push(null);
}
});
// update-end-author:liusq date:2023-7-12 for: [issues/613] LineMulti 在数据不对齐时，横坐标计算错误
//data数据
obj['data'] = chartArr.map((item) => item.value);
obj['data'] = data;
seriesData.push(obj);
});
option.series = seriesData;
option.xAxis.data = xAxisData;
console.log('option', option);
setOptions(option);
getInstance()?.off('click', onClick);
getInstance()?.on('click', onClick);