Browse Source

修改首页饼图数据

meizhou
selia-zx 2 weeks ago
parent
commit
928427732c
  1. 12
      src/views/components/aircAndWindcMeter.vue
  2. 12
      src/views/components/temMeter.vue

12
src/views/components/aircAndWindcMeter.vue

@ -77,8 +77,8 @@ export default {
this.chartInstance.resize(); this.chartInstance.resize();
}, },
echartsData() { echartsData() {
console.log("父组件传过来的值", this.energyMes); console.log("父组件传过来的值", this.subData);
if (this.energyMes) { if (this.subData) {
const titleFontSize = (this.$refs.chart_ref.offsetWidth / 100) * 2; const titleFontSize = (this.$refs.chart_ref.offsetWidth / 100) * 2;
const colorList = ["#0882ff", "#ffe21e"]; // const colorList = ["#0882ff", "#ffe21e"]; //
const adapterOption = { const adapterOption = {
@ -127,15 +127,15 @@ export default {
rich: { rich: {
name: { name: {
align: "left", align: "left",
fontSize: titleFontSize * 1.6, fontSize: titleFontSize * 2,
}, },
text: { text: {
align: "left", align: "left",
fontSize: titleFontSize * 1.6, fontSize: titleFontSize * 2,
}, },
value: { value: {
align: "left", align: "left",
fontSize: titleFontSize * 1.6, fontSize: titleFontSize * 2,
// color: function (params) { // color: function (params) {
// let data = adapterOption.series[1].data; // let data = adapterOption.series[1].data;
// return data.itemStyle.color({ dataIndex: params.dataIndex }); // return data.itemStyle.color({ dataIndex: params.dataIndex });
@ -143,7 +143,7 @@ export default {
}, },
percentage: { percentage: {
align: "left", align: "left",
fontSize: titleFontSize * 1.6, fontSize: titleFontSize * 2,
// color: function (params) { // color: function (params) {
// let data = adapterOption.series[1].data; // let data = adapterOption.series[1].data;
// return data.itemStyle.color({ dataIndex: params.dataIndex }); // return data.itemStyle.color({ dataIndex: params.dataIndex });

12
src/views/components/temMeter.vue

@ -77,8 +77,8 @@ export default {
this.chartInstance.resize(); this.chartInstance.resize();
}, },
echartsData() { echartsData() {
console.log("父组件传过来的值", this.energyMes); console.log("父组件传过来的值", this.subData);
if (this.energyMes) { if (this.subData) {
const titleFontSize = (this.$refs.chart_ref.offsetWidth / 100) * 2; const titleFontSize = (this.$refs.chart_ref.offsetWidth / 100) * 2;
const colorList = ["#ffe21e", "#08c8ff"]; // const colorList = ["#ffe21e", "#08c8ff"]; //
const adapterOption = { const adapterOption = {
@ -127,15 +127,15 @@ export default {
rich: { rich: {
name: { name: {
align: "left", align: "left",
fontSize: titleFontSize * 1.6, fontSize: titleFontSize * 2,
}, },
text: { text: {
align: "left", align: "left",
fontSize: titleFontSize * 1.6, fontSize: titleFontSize * 2,
}, },
value: { value: {
align: "left", align: "left",
fontSize: titleFontSize * 1.6, fontSize: titleFontSize * 2,
// color: function (params) { // color: function (params) {
// let data = adapterOption.series[1].data; // let data = adapterOption.series[1].data;
// return data.itemStyle.color({ dataIndex: params.dataIndex }); // return data.itemStyle.color({ dataIndex: params.dataIndex });
@ -143,7 +143,7 @@ export default {
}, },
percentage: { percentage: {
align: "left", align: "left",
fontSize: titleFontSize * 1.6, fontSize: titleFontSize * 2,
// color: function (params) { // color: function (params) {
// let data = adapterOption.series[1].data; // let data = adapterOption.series[1].data;
// return data.itemStyle.color({ dataIndex: params.dataIndex }); // return data.itemStyle.color({ dataIndex: params.dataIndex });

Loading…
Cancel
Save