右侧图表测试

TreeWish

2023-02-27 1929c3bb279d388df86955cbcee69de7c512802c

右侧图表测试

 src/components/Screen/right.vue

@@ -23,23 +23,34 @@

    <div
      class="rightContainer2"
      v-if="CourtyDisplay && currentProject =='全球项目'"
      v-if="CourtyDisplay && currentProject == '全球项目'"
    >
      <div class="current1">
        <div class="aside-title">项目数量柱状图</div>
        <country-dimension-bar ref="barRef"></country-dimension-bar>
        <!-- <country-dimension-bar ref="barRef"></country-dimension-bar> -->
        <base-bar-chart :project="currentProject"></base-bar-chart>
      </div>
      <div class="current1">
        <div class="aside-title">项目数量饼状图</div>
        <country-dimension-pie ref="pieRef"></country-dimension-pie>
      </div>
      <div class="current1">
        <div class="aside-title">项目数量饼状图</div>
        <dv-capsule-chart
          :config="config"
          style="width: 300px; height: 200px"
        />
      </div>
    </div>


    <div class="rightContainer2" v-if="CourtyDisplay && currentProject =='全国项目'">
    <div
      class="rightContainer2"
      v-if="CourtyDisplay && currentProject == '全国项目'"
    >
      <div class="current1">
        <div class="aside-title">项目数量柱状图</div>
        <province-dimension-bar ref="barRef"></province-dimension-bar>
        <!-- <province-dimension-bar ref="barRef"></province-dimension-bar> -->
        <base-bar-chart :project="currentProject"></base-bar-chart>
      </div>
      <div class="current1">
        <div class="aside-title">项目数量饼状图</div>
@@ -62,6 +73,10 @@
import ProvinceDimensionBar from "../chart/CountryProvinceBar.vue"
import ProvinceDimensionPie from "../chart/CountryProvincePie.vue"
import ServiceGet from "../chart/ServiceGet.vue"
import BaseBarChart from "../chart/BaseBarChart.vue"
import BaseLineChart from "../chart/BaseLineChart.vue"
import BasePieChart from "../chart/BasePieChart .vue"

import { countCountryDimension, countProvinceDimension } from "@/api/screen.js"

export default {
@@ -76,6 +91,9 @@
    ProvinceDimensionBar,
    ProvinceDimensionPie,
    ServiceGet,
    BaseBarChart,
    BaseLineChart,
    BasePieChart,
  },
  data() {
    return {
@@ -86,6 +104,32 @@
      currentProject: "全球项目",
      countryData: [],
      provinceData: [],
      config: {
        data: [
          {
            name: "南阳",
            value: 167,
          },
          {
            name: "周口",
            value: 123,
          },
          {
            name: "漯河",
            value: 98,
          },
          {
            name: "郑州",
            value: 75,
          },
          {
            name: "西峡",
            value: 66,
          },
        ],
        unit: "单位",
        showValue: true,
      },
    }
  },