diff --git a/src/utils/colorPalette.js b/src/utils/colorPalette.js new file mode 100644 index 0000000..baf8b3f --- /dev/null +++ b/src/utils/colorPalette.js @@ -0,0 +1,22 @@ +export default [ + '#5b8ff9', + '#cdddfd', + '#61ddaa', + '#cdf3e4', + '#65789b', + '#ced4de', + '#f6bd16', + '#fcebb9', + '#7262fd', + '#d3cefd', + '#78d3f8', + '#d3eef9', + '#9661bc', + '#decfea', + '#f6903d', + '#ffe0c7', + '#008685', + '#bbdede', + '#f08bb4', + '#ffe0ed', +] diff --git a/src/views/bigScreen/drivingCabin/left1.vue b/src/views/bigScreen/drivingCabin/left1.vue index beeae7b..804426c 100644 --- a/src/views/bigScreen/drivingCabin/left1.vue +++ b/src/views/bigScreen/drivingCabin/left1.vue @@ -34,6 +34,7 @@ import rocketTit from '../components/rocketTit/index.vue' import container2 from './components/container2/index.vue' import bigScreenTabs from '../components/bigScreenTabs/index.vue' import progressBar from '@/views/bigScreen/components/progress/index.vue' +import colorList from '@/utils/colorPalette' // import {Liquid} from '@antv/g2plot'; // import resize from '../../dashboard/mixins/resize' import echarts from 'echarts' @@ -59,6 +60,7 @@ export default { { value: 679, name: '类别七' }, { value: 679, name: '类别八' }, ], + colorList, } }, mounted() { @@ -83,6 +85,7 @@ export default { trigger: 'item', formatter: '{a}
{b}: {c} ({d}%)', }, + color: this.colorList, legend: { data: ['类别一', '类别二', '类别三', '类别四', '类别五', '类别六', '类别七', '类别八'], orient: 'vertical', diff --git a/src/views/bigScreen/drivingCabin/right1.vue b/src/views/bigScreen/drivingCabin/right1.vue index e480dac..0611502 100644 --- a/src/views/bigScreen/drivingCabin/right1.vue +++ b/src/views/bigScreen/drivingCabin/right1.vue @@ -34,6 +34,7 @@ import rocketTit from '../components/rocketTit/index.vue' import container2 from './components/container2/index.vue' import bigScreenTabs from '../components/bigScreenTabs/index.vue' import progressBar from '@/views/bigScreen/components/progress/index.vue' +import colorList from '@/utils/colorPalette' // import {Liquid} from '@antv/g2plot'; // import resize from '../../dashboard/mixins/resize' import echarts from 'echarts' @@ -49,7 +50,7 @@ export default { }, data() { return { - index: 0, + colorList, } }, mounted() { @@ -70,6 +71,7 @@ export default { trigger: 'item', formatter: '{a}
{b}: {c} ({d}%)', }, + color: this.colorList, legend: { data: ['型号一', '型号二', '型号三', '型号四', '型号五', '型号六', '型号七', '型号八'], orient: 'vertical',