修改饼图颜色
This commit is contained in:
22
src/utils/colorPalette.js
Normal file
22
src/utils/colorPalette.js
Normal file
@ -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',
|
||||||
|
]
|
@ -34,6 +34,7 @@ import rocketTit from '../components/rocketTit/index.vue'
|
|||||||
import container2 from './components/container2/index.vue'
|
import container2 from './components/container2/index.vue'
|
||||||
import bigScreenTabs from '../components/bigScreenTabs/index.vue'
|
import bigScreenTabs from '../components/bigScreenTabs/index.vue'
|
||||||
import progressBar from '@/views/bigScreen/components/progress/index.vue'
|
import progressBar from '@/views/bigScreen/components/progress/index.vue'
|
||||||
|
import colorList from '@/utils/colorPalette'
|
||||||
// import {Liquid} from '@antv/g2plot';
|
// import {Liquid} from '@antv/g2plot';
|
||||||
// import resize from '../../dashboard/mixins/resize'
|
// import resize from '../../dashboard/mixins/resize'
|
||||||
import echarts from 'echarts'
|
import echarts from 'echarts'
|
||||||
@ -59,6 +60,7 @@ export default {
|
|||||||
{ value: 679, name: '类别七' },
|
{ value: 679, name: '类别七' },
|
||||||
{ value: 679, name: '类别八' },
|
{ value: 679, name: '类别八' },
|
||||||
],
|
],
|
||||||
|
colorList,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
@ -83,6 +85,7 @@ export default {
|
|||||||
trigger: 'item',
|
trigger: 'item',
|
||||||
formatter: '{a} <br/>{b}: {c} ({d}%)',
|
formatter: '{a} <br/>{b}: {c} ({d}%)',
|
||||||
},
|
},
|
||||||
|
color: this.colorList,
|
||||||
legend: {
|
legend: {
|
||||||
data: ['类别一', '类别二', '类别三', '类别四', '类别五', '类别六', '类别七', '类别八'],
|
data: ['类别一', '类别二', '类别三', '类别四', '类别五', '类别六', '类别七', '类别八'],
|
||||||
orient: 'vertical',
|
orient: 'vertical',
|
||||||
|
@ -34,6 +34,7 @@ import rocketTit from '../components/rocketTit/index.vue'
|
|||||||
import container2 from './components/container2/index.vue'
|
import container2 from './components/container2/index.vue'
|
||||||
import bigScreenTabs from '../components/bigScreenTabs/index.vue'
|
import bigScreenTabs from '../components/bigScreenTabs/index.vue'
|
||||||
import progressBar from '@/views/bigScreen/components/progress/index.vue'
|
import progressBar from '@/views/bigScreen/components/progress/index.vue'
|
||||||
|
import colorList from '@/utils/colorPalette'
|
||||||
// import {Liquid} from '@antv/g2plot';
|
// import {Liquid} from '@antv/g2plot';
|
||||||
// import resize from '../../dashboard/mixins/resize'
|
// import resize from '../../dashboard/mixins/resize'
|
||||||
import echarts from 'echarts'
|
import echarts from 'echarts'
|
||||||
@ -49,7 +50,7 @@ export default {
|
|||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
index: 0,
|
colorList,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
@ -70,6 +71,7 @@ export default {
|
|||||||
trigger: 'item',
|
trigger: 'item',
|
||||||
formatter: '{a} <br/>{b}: {c} ({d}%)',
|
formatter: '{a} <br/>{b}: {c} ({d}%)',
|
||||||
},
|
},
|
||||||
|
color: this.colorList,
|
||||||
legend: {
|
legend: {
|
||||||
data: ['型号一', '型号二', '型号三', '型号四', '型号五', '型号六', '型号七', '型号八'],
|
data: ['型号一', '型号二', '型号三', '型号四', '型号五', '型号六', '型号七', '型号八'],
|
||||||
orient: 'vertical',
|
orient: 'vertical',
|
||||||
|
Reference in New Issue
Block a user