From 1ce1b525e7470ebaaeb0d5cd1e59bd905c1a7114 Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期二, 05 三月 2024 18:07:32 +0800
Subject: [PATCH] 代码更新
---
src/components/echart1.vue | 947 +++++-----------------------------------------------------
1 files changed, 93 insertions(+), 854 deletions(-)
diff --git a/src/components/echart1.vue b/src/components/echart1.vue
index 7020177..85764b2 100644
--- a/src/components/echart1.vue
+++ b/src/components/echart1.vue
@@ -1,879 +1,109 @@
<template>
<div class="echart1_box">
- <div id="echart1"></div>
+ <div>
+ <el-select v-model="model" placeholder="" @change="getEchartsDta">
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
+ </div>
+ <div class="echart">
+ <div id="echart1"> </div>
+ </div>
</div>
</template>
<script>
+import {
+ zhangzitou_selectInfos
+} from '../api/api.js'
export default {
//import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
components: {},
data() {
//杩欓噷瀛樻斁鏁版嵁
return {
- chartData: [
- {
- id: "1",
- sjml: "鍥藉鍩虹鍦扮悊鏁版嵁",
- sjlb: "鏁板瓧姝ｅ皠褰卞儚鍥�",
- sjccl: "10240",
- fgfw: "鍏ㄥ浗",
- zbxt: "CGCS2000",
- ccgs: "TIF銆乮mg",
- jd: "0.5绫炽��2绫炽��15绫冲垎杈ㄧ巼",
- },
- {
- id: "2",
- sjml: "鍥藉鍩虹鍦扮悊鏁版嵁",
- sjlb: "鏁板瓧楂樼▼妯″瀷",
- sjccl: "650",
- fgfw: "鍏ㄥ浗",
- zbxt: "CGCS2000",
- ccgs: "TIF",
- jd: "30绫冲垎杈ㄧ巼",
- },
- {
- id: "3",
- sjml: "鍥藉鍩虹鍦扮悊鏁版嵁",
- sjlb: "鏁板瓧绾垮垝鍥�",
- sjccl: "300",
- fgfw: "鍏ㄥ浗",
- zbxt: "CGCS2000",
- ccgs: "gdb銆乵db",
- jd: "1:25涓囥��1:100涓�",
- },
- {
- id: "4",
- sjml: "涓縿涓滅嚎绠￠亾宸ョ▼鍗楁",
- sjlb: "鍕樺療鏁版嵁",
- sjccl: "60",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乸ng銆乯pg銆乨oc銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "5",
- sjml: "涓縿涓滅嚎绠￠亾宸ョ▼鍗楁",
- sjlb: "宀╁湡鏁版嵁",
- sjccl: "30",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "tif銆亁ls銆乸ng銆乯pg銆乨oc",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "6",
- sjml: "涓縿涓滅嚎绠￠亾宸ョ▼鍗楁",
- sjlb: "娴嬮噺鏁版嵁",
- sjccl: "120",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乼if銆乵pt銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "7",
- sjml: "涓縿涓滅嚎绠￠亾宸ョ▼鍗楁",
- sjlb: "鍚堣鏁版嵁",
- sjccl: "1",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "8",
- sjml: "涓縿涓滅嚎绠￠亾宸ョ▼鍗楁",
- sjlb: "绠＄悊鏁版嵁",
- sjccl: "1",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "9",
- sjml: "涓縿涓滅嚎绠￠亾宸ョ▼涓",
- sjlb: "鍕樺療鏁版嵁",
- sjccl: "30",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乸ng銆乯pg銆乨oc銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "10",
- sjml: "涓縿涓滅嚎绠￠亾宸ョ▼涓",
- sjlb: "宀╁湡鏁版嵁",
- sjccl: "20",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "tif銆亁ls銆乸ng銆乯pg銆乨oc",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "11",
- sjml: "涓縿涓滅嚎绠￠亾宸ョ▼涓",
- sjlb: "娴嬮噺鏁版嵁",
- sjccl: "40",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乼if銆乵pt銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "12",
- sjml: "涓縿涓滅嚎绠￠亾宸ョ▼涓",
- sjlb: "鍚堣鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "13",
- sjml: "涓縿涓滅嚎绠￠亾宸ョ▼涓",
- sjlb: "绠＄悊鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "14",
- sjml: "骞垮窞绔�",
- sjlb: "鍕樺療鏁版嵁",
- sjccl: "10",
- fgfw: "瑕嗙洊绔欏満鑼冨洿",
- zbxt: "CGCS2000",
- ccgs: "xls銆乸ng銆乯pg銆乨oc銆�3dml绛�",
- jd: "1:500姣斾緥灏�",
- },
- {
- id: "15",
- sjml: "骞垮窞绔�",
- sjlb: "宀╁湡鏁版嵁",
- sjccl: "5",
- fgfw: "瑕嗙洊绔欏満鑼冨洿",
- zbxt: "CGCS2000",
- ccgs: "tif銆亁ls銆乸ng銆乯pg銆乨oc",
- jd: "1:500姣斾緥灏�",
- },
- {
- id: "16",
- sjml: "骞垮窞绔�",
- sjlb: "娴嬮噺鏁版嵁",
- sjccl: "20",
- fgfw: "瑕嗙洊绔欏満鑼冨洿",
- zbxt: "CGCS2000",
- ccgs: "xls銆乼if銆乵pt銆�3dml绛�",
- jd: "1:500姣斾緥灏�",
- },
- {
- id: "17",
- sjml: "骞垮窞绔�",
- sjlb: "鍚堣鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "18",
- sjml: "骞垮窞绔�",
- sjlb: "绠＄悊鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "19",
- sjml: "鍞愬北LNG",
- sjlb: "鍕樺療鏁版嵁",
- sjccl: "20",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乸ng銆乯pg銆乨oc銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "20",
- sjml: "鍞愬北LNG",
- sjlb: "宀╁湡鏁版嵁",
- sjccl: "5",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "tif銆亁ls銆乸ng銆乯pg銆乨oc",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "21",
- sjml: "鍞愬北LNG",
- sjlb: "娴嬮噺鏁版嵁",
- sjccl: "40",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乼if銆乵pt銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "22",
- sjml: "鍞愬北LNG",
- sjlb: "鍚堣鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "23",
- sjml: "鍞愬北LNG",
- sjlb: "绠＄悊鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "24",
- sjml: "鏂扮枂杩炴湪娌佺珯鍦�",
- sjlb: "鍕樺療鏁版嵁",
- sjccl: "25",
- fgfw: "瑕嗙洊绔欏満鑼冨洿",
- zbxt: "CGCS2000",
- ccgs: "xls銆乸ng銆乯pg銆乨oc銆�3dml绛�",
- jd: "1:500姣斾緥灏�",
- },
- {
- id: "25",
- sjml: "鏂扮枂杩炴湪娌佺珯鍦�",
- sjlb: "宀╁湡鏁版嵁",
- sjccl: "5",
- fgfw: "瑕嗙洊绔欏満鑼冨洿",
- zbxt: "CGCS2000",
- ccgs: "tif銆亁ls銆乸ng銆乯pg銆乨oc",
- jd: "1:500姣斾緥灏�",
- },
- {
- id: "26",
- sjml: "鏂扮枂杩炴湪娌佺珯鍦�",
- sjlb: "娴嬮噺鏁版嵁",
- sjccl: "30",
- fgfw: "瑕嗙洊绔欏満鑼冨洿",
- zbxt: "CGCS2000",
- ccgs: "xls銆乼if銆乵pt銆�3dml绛�",
- jd: "1:500姣斾緥灏�",
- },
- {
- id: "27",
- sjml: "鏂扮枂杩炴湪娌佺珯鍦�",
- sjlb: "鍚堣鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "28",
- sjml: "鏂扮枂杩炴湪娌佺珯鍦�",
- sjlb: "绠＄悊鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "29",
- sjml: "涓紖澶╃劧姘旂閬撻闄╂帓鏌ヨ埅绌烘憚褰辨祴閲�",
- sjlb: "鍕樺療鏁版嵁",
- sjccl: "80",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乸ng銆乯pg銆乨oc銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "30",
- sjml: "涓紖澶╃劧姘旂閬撻闄╂帓鏌ヨ埅绌烘憚褰辨祴閲�",
- sjlb: "宀╁湡鏁版嵁",
- sjccl: "1",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "tif銆亁ls銆乸ng銆乯pg銆乨oc",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "31",
- sjml: "涓紖澶╃劧姘旂閬撻闄╂帓鏌ヨ埅绌烘憚褰辨祴閲�",
- sjlb: "娴嬮噺鏁版嵁",
- sjccl: "200",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乼if銆乵pt銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "32",
- sjml: "涓紖澶╃劧姘旂閬撻闄╂帓鏌ヨ埅绌烘憚褰辨祴閲�",
- sjlb: "鍚堣鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "33",
- sjml: "涓紖澶╃劧姘旂閬撻闄╂帓鏌ヨ埅绌烘憚褰辨祴閲�",
- sjlb: "绠＄悊鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "34",
- sjml: "瀹佸己鑷冲畨搴锋澶╃劧姘旂閬撳伐绋�",
- sjlb: "鍕樺療鏁版嵁",
- sjccl: "50",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乸ng銆乯pg銆乨oc銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "35",
- sjml: "瀹佸己鑷冲畨搴锋澶╃劧姘旂閬撳伐绋�",
- sjlb: "宀╁湡鏁版嵁",
- sjccl: "3",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "tif銆亁ls銆乸ng銆乯pg銆乨oc",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "36",
- sjml: "瀹佸己鑷冲畨搴锋澶╃劧姘旂閬撳伐绋�",
- sjlb: "娴嬮噺鏁版嵁",
- sjccl: "50",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乼if銆乵pt銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "37",
- sjml: "瀹佸己鑷冲畨搴锋澶╃劧姘旂閬撳伐绋�",
- sjlb: "鍚堣鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "38",
- sjml: "瀹佸己鑷冲畨搴锋澶╃劧姘旂閬撳伐绋�",
- sjlb: "绠＄悊鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "39",
- sjml: "涓紖娌规皵绠￠亾鏁板瓧鍖栨仮澶嶆祴閲忔垚鏋�",
- sjlb: "鍕樺療鏁版嵁",
- sjccl: "100",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乸ng銆乯pg銆乨oc銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "40",
- sjml: "涓紖娌规皵绠￠亾鏁板瓧鍖栨仮澶嶆祴閲忔垚鏋�",
- sjlb: "宀╁湡鏁版嵁",
- sjccl: "1",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "tif銆亁ls銆乸ng銆乯pg銆乨oc",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "41",
- sjml: "涓紖娌规皵绠￠亾鏁板瓧鍖栨仮澶嶆祴閲忔垚鏋�",
- sjlb: "娴嬮噺鏁版嵁",
- sjccl: "200",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乼if銆乵pt銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "42",
- sjml: "涓紖娌规皵绠￠亾鏁板瓧鍖栨仮澶嶆祴閲忔垚鏋�",
- sjlb: "鍚堣鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "43",
- sjml: "涓紖娌规皵绠￠亾鏁板瓧鍖栨仮澶嶆祴閲忔垚鏋�",
- sjlb: "绠＄悊鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "44",
- sjml: "QZ 澶╃劧姘旓紙鎴愬搧娌癸級绠￠亾宸ョ▼",
- sjlb: "鍕樺療鏁版嵁",
- sjccl: "40",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乸ng銆乯pg銆乨oc銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "45",
- sjml: "QZ 澶╃劧姘旓紙鎴愬搧娌癸級绠￠亾宸ョ▼",
- sjlb: "宀╁湡鏁版嵁",
- sjccl: "10",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "tif銆亁ls銆乸ng銆乯pg銆乨oc",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "46",
- sjml: "QZ 澶╃劧姘旓紙鎴愬搧娌癸級绠￠亾宸ョ▼",
- sjlb: "娴嬮噺鏁版嵁",
- sjccl: "200",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乼if銆乵pt銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "47",
- sjml: "QZ 澶╃劧姘旓紙鎴愬搧娌癸級绠￠亾宸ョ▼",
- sjlb: "鍚堣鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "48",
- sjml: "QZ 澶╃劧姘旓紙鎴愬搧娌癸級绠￠亾宸ョ▼",
- sjlb: "绠＄悊鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "49",
- sjml: "瑗挎皵涓滆緭楂樺悗鏋滃尯椋庨櫓鎺掓煡椤圭洰",
- sjlb: "鍕樺療鏁版嵁",
- sjccl: "60",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乸ng銆乯pg銆乨oc銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "50",
- sjml: "瑗挎皵涓滆緭楂樺悗鏋滃尯椋庨櫓鎺掓煡椤圭洰",
- sjlb: "宀╁湡鏁版嵁",
- sjccl: "10",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "tif銆亁ls銆乸ng銆乯pg銆乨oc",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "51",
- sjml: "瑗挎皵涓滆緭楂樺悗鏋滃尯椋庨櫓鎺掓煡椤圭洰",
- sjlb: "娴嬮噺鏁版嵁",
- sjccl: "500",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乼if銆乵pt銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "52",
- sjml: "瑗挎皵涓滆緭楂樺悗鏋滃尯椋庨櫓鎺掓煡椤圭洰",
- sjlb: "鍚堣鏁版嵁",
- sjccl: "2",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "53",
- sjml: "瑗挎皵涓滆緭楂樺悗鏋滃尯椋庨櫓鎺掓煡椤圭洰",
- sjlb: "绠＄悊鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "54",
- sjml: "绠￠亾鍏徃婕犲ぇ绾垮潗鏍囪浆鎹㈠強涓績绾垮涓氭祴缁橀」鐩�",
- sjlb: "鍕樺療鏁版嵁",
- sjccl: "20",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乸ng銆乯pg銆乨oc銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "55",
- sjml: "绠￠亾鍏徃婕犲ぇ绾垮潗鏍囪浆鎹㈠強涓績绾垮涓氭祴缁橀」鐩�",
- sjlb: "宀╁湡鏁版嵁",
- sjccl: "10",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "tif銆亁ls銆乸ng銆乯pg銆乨oc",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "56",
- sjml: "绠￠亾鍏徃婕犲ぇ绾垮潗鏍囪浆鎹㈠強涓績绾垮涓氭祴缁橀」鐩�",
- sjlb: "娴嬮噺鏁版嵁",
- sjccl: "300",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乼if銆乵pt銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "57",
- sjml: "绠￠亾鍏徃婕犲ぇ绾垮潗鏍囪浆鎹㈠強涓績绾垮涓氭祴缁橀」鐩�",
- sjlb: "鍚堣鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "58",
- sjml: "绠￠亾鍏徃婕犲ぇ绾垮潗鏍囪浆鎹㈠強涓績绾垮涓氭祴缁橀」鐩�",
- sjlb: "绠＄悊鏁版嵁",
- sjccl: "1",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "59",
- sjml: "灞变笢绠＄綉瑗垮共绾块」鐩�",
- sjlb: "鍕樺療鏁版嵁",
- sjccl: "20",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乸ng銆乯pg銆乨oc銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "60",
- sjml: "灞变笢绠＄綉瑗垮共绾块」鐩�",
- sjlb: "宀╁湡鏁版嵁",
- sjccl: "10",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "tif銆亁ls銆乸ng銆乯pg銆乨oc",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "61",
- sjml: "灞变笢绠＄綉瑗垮共绾块」鐩�",
- sjlb: "娴嬮噺鏁版嵁",
- sjccl: "150",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乼if銆乵pt銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "62",
- sjml: "灞变笢绠＄綉瑗垮共绾块」鐩�",
- sjlb: "鍚堣鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "63",
- sjml: "灞变笢绠＄綉瑗垮共绾块」鐩�",
- sjlb: "绠＄悊鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "64",
- sjml: "鍖椾含鐕冩皵鍗楁腐 LNG 搴旀�ュ偍澶囬」鐩杈撶閬撳伐绋�",
- sjlb: "鍕樺療鏁版嵁",
- sjccl: "30",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乸ng銆乯pg銆乨oc銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "65",
- sjml: "鍖椾含鐕冩皵鍗楁腐 LNG 搴旀�ュ偍澶囬」鐩杈撶閬撳伐绋�",
- sjlb: "宀╁湡鏁版嵁",
- sjccl: "10",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "tif銆亁ls銆乸ng銆乯pg銆乨oc",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "66",
- sjml: "鍖椾含鐕冩皵鍗楁腐 LNG 搴旀�ュ偍澶囬」鐩杈撶閬撳伐绋�",
- sjlb: "娴嬮噺鏁版嵁",
- sjccl: "80",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乼if銆乵pt銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "67",
- sjml: "鍖椾含鐕冩皵鍗楁腐 LNG 搴旀�ュ偍澶囬」鐩杈撶閬撳伐绋�",
- sjlb: "鍚堣鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "68",
- sjml: "鍖椾含鐕冩皵鍗楁腐 LNG 搴旀�ュ偍澶囬」鐩杈撶閬撳伐绋�",
- sjlb: "绠＄悊鏁版嵁",
- sjccl: "2",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "69",
- sjml: "瑗挎皵涓滆緭涓夌嚎涓绠￠亾宸ョ▼",
- sjlb: "鍕樺療鏁版嵁",
- sjccl: "15",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乸ng銆乯pg銆乨oc銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "70",
- sjml: "瑗挎皵涓滆緭涓夌嚎涓绠￠亾宸ョ▼",
- sjlb: "宀╁湡鏁版嵁",
- sjccl: "10",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "tif銆亁ls銆乸ng銆乯pg銆乨oc",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "71",
- sjml: "瑗挎皵涓滆緭涓夌嚎涓绠￠亾宸ョ▼",
- sjlb: "娴嬮噺鏁版嵁",
- sjccl: "40",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乼if銆乵pt銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "72",
- sjml: "瑗挎皵涓滆緭涓夌嚎涓绠￠亾宸ョ▼",
- sjlb: "鍚堣鏁版嵁",
- sjccl: "1",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "73",
- sjml: "瑗挎皵涓滆緭涓夌嚎涓绠￠亾宸ョ▼",
- sjlb: "绠＄悊鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "74",
- sjml: "涓搱娑插寲鐭虫补姘旇法澧冪閬撻」鐩�",
- sjlb: "鍕樺療鏁版嵁",
- sjccl: "28",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乸ng銆乯pg銆乨oc銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "75",
- sjml: "涓搱娑插寲鐭虫补姘旇法澧冪閬撻」鐩�",
- sjlb: "宀╁湡鏁版嵁",
- sjccl: "10",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "tif銆亁ls銆乸ng銆乯pg銆乨oc",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "76",
- sjml: "涓搱娑插寲鐭虫补姘旇法澧冪閬撻」鐩�",
- sjlb: "娴嬮噺鏁版嵁",
- sjccl: "50",
- fgfw: "绠￠亾娌跨嚎1鍏噷甯︾姸",
- zbxt: "CGCS2000",
- ccgs: "xls銆乼if銆乵pt銆�3dml绛�",
- jd: "1:2000姣斾緥灏�",
- },
- {
- id: "77",
- sjml: "涓搱娑插寲鐭虫补姘旇法澧冪閬撻」鐩�",
- sjlb: "鍚堣鏁版嵁",
- sjccl: "0.5",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- {
- id: "78",
- sjml: "涓搱娑插寲鐭虫补姘旇法澧冪閬撻」鐩�",
- sjlb: "绠＄悊鏁版嵁",
- sjccl: "1",
- zbxt: "CGCS2000",
- ccgs: "doc銆亁ls銆乸df銆乯pg绛�",
- },
- ],
+ chartData: [],
+ siteOption: [],
+ model: null,
+ options: [],
};
},
mounted() {
- this.lineChart();
+ this.initChart();
},
//鏂规硶闆嗗悎
methods: {
- lineChart() {
+ async initChart() {
+ const data = await zhangzitou_selectInfos();
+ if (data.code != 200) return;
+ if (this.siteOption.length <= 0) {
+ var std = [];
+ for (var i in data.result) {
+ var val = data.result[i]
+ if (std.indexOf(val.line) == -1) {
+ std.push(val.line)
+ }
+
+ }
+ }
+ var str = [];
+ for (var i in std) {
+ str.push({
+ label: std[i],
+ value: std[i]
+ })
+ }
+ this.options = str;
+ this.model = this.options[0].value
+ this.getEchartsDta();
+ },
+ async getEchartsDta() {
+ const data = await zhangzitou_selectInfos({ line: this.model });
+ if (data.code != 200) return;
+ var std =[];
+ for(var i in data.result){
+ var val = data.result[i]
+ std.push(
+ { value: val.count, name: val.type },
+ )
+ }
+ this.lineChart(std)
+ },
+
+
+
+
+
+
+
+ lineChart(res) {
let option = {
title: {
- // text: "Stacked Line",
+
+ left: 'center'
},
tooltip: {
- trigger: "axis",
+ trigger: 'item'
},
legend: {
- data: [
- "鏁板瓧姝ｅ皠褰卞儚鍥�",
- "鏁板瓧楂樼▼妯″瀷",
- "鏁板瓧绾垮垝鍥�",
- "鍕樺療鏁版嵁",
- "宀╁湡鏁版嵁",
- "娴嬮噺鏁版嵁",
- "鍚堣鏁版嵁",
- "绠＄悊鏁版嵁",
- ],
- textStyle: {
- color: "#fff", // 鍥句緥鏂囧瓧棰滆壊
- },
- },
- grid: {
- left: "6%",
- right: "4%",
- bottom: "3%",
- containLabel: true,
- },
- toolbox: {
- feature: {
- saveAsImage: {},
- },
- },
- xAxis: {
- type: "category",
- boundaryGap: false,
- data: [
- "鍥藉鍩虹鍦扮悊鏁版嵁",
- "涓縿涓滅嚎绠￠亾宸ョ▼鍗楁",
- "涓縿涓滅嚎绠￠亾宸ョ▼涓",
- "骞垮窞绔�",
- "鍞愬北LNG",
- "鏂扮枂杩炴湪娌佺珯鍦�",
- "涓紖澶╃劧姘旂閬撻闄╂帓鏌ヨ埅绌烘憚褰辨祴閲�",
- "瀹佸己鑷冲畨搴锋澶╃劧姘旂閬撳伐绋�",
- "涓紖娌规皵绠￠亾鏁板瓧鍖栨仮澶嶆祴閲忔垚鏋�",
- "QZ 澶╃劧姘旓紙鎴愬搧娌癸級绠￠亾宸ョ▼",
- "瑗挎皵涓滆緭楂樺悗鏋滃尯椋庨櫓鎺掓煡椤圭洰",
- "绠￠亾鍏徃婕犲ぇ绾垮潗鏍囪浆鎹㈠強涓績绾垮涓氭祴缁橀」鐩�",
- "灞变笢绠＄綉瑗垮共绾块」鐩�",
- "鍖椾含鐕冩皵鍗楁腐 LNG 搴旀�ュ偍澶囬」鐩杈撶閬撳伐绋�",
- "瑗挎皵涓滆緭涓夌嚎涓绠￠亾宸ョ▼",
- "涓搱娑插寲鐭虫补姘旇法澧冪閬撻」鐩�",
- ],
- axisLabel: {
- interval: 0, //鎺у埗X杞村埢搴﹀叏閮ㄦ樉绀�
- rotate: 45, //鍊炬枩瑙掑害
- show: true,
- textStyle: {
- color: "#fff",
- },
- },
- },
- yAxis: {
- type: "value",
- axisLabel: {
- show: true,
- textStyle: {
- color: "#fff",
- },
- },
+ orient: 'vertical',
+ left: 'left'
},
series: [
{
- name: "鏁板瓧姝ｅ皠褰卞儚鍥�",
- type: "line",
- stack: "Total",
- data: [3000, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
- },
- {
- name: "鏁板瓧楂樼▼妯″瀷",
- type: "line",
- stack: "Total",
- data: [650, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
- },
- {
- name: "鏁板瓧绾垮垝鍥�",
- type: "line",
- stack: "Total",
- data: [300, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
- },
- {
- name: "鍕樺療鏁版嵁",
- type: "line",
- stack: "Total",
- data: [
- 0, 60, 30, 10, 20, 25, 80, 50, 100, 40, 60, 20, 20, 30, 15, 28,
- ],
- },
- {
- name: "宀╁湡鏁版嵁",
- type: "line",
- stack: "Total",
- data: [0, 30, 20, 5, 5, 5, 1, 3, 1, 10, 10, 10, 10, 10, 10, 10],
- },
- {
- name: "娴嬮噺鏁版嵁",
- type: "line",
- stack: "Total",
- data: [
- 0, 120, 40, 10, 20, 40, 30, 200, 50, 200, 500, 300, 150, 80, 40,
- 50,
- ],
- },
- {
- name: "鍚堣鏁版嵁",
- type: "line",
- stack: "Total",
- data: [
- 0, 0.5, 1, 0.5, 0.5, 0.5, 2, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5,
- 0.5, 0.5,
- ],
- },
- {
- name: "绠＄悊鏁版嵁",
- type: "line",
- stack: "Total",
- data: [
- 0, 1, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5, 1, 0.5, 2, 0.5,
- 1,
- ],
- },
- ],
+ name: this.model,
+ type: 'pie',
+ radius: '50%',
+ data: res,
+ emphasis: {
+ itemStyle: {
+ shadowBlur: 10,
+ shadowOffsetX: 0,
+ shadowColor: 'rgba(0, 0, 0, 0.5)'
+ }
+ }
+ }
+ ]
};
let myChart = this.$echarts.init(document.getElementById("echart1"));
myChart.setOption(option);
@@ -882,17 +112,26 @@
});
},
},
- created() {},
+ created() { },
};
</script>
<style lang="less" scoped>
//@import url(); 寮曞叆鍏叡css绫�
.echart1_box {
- padding: 20px;
- background: rgba(0, 0, 0, 0.6);
-}
-#echart1 {
width: 100%;
height: 100%;
+ // position: absolute;
+}
+
+.echart {
+ position: relative;
+ width: 100%;
+ margin-top: 5px;
+ height: calc(100% - 50px);
+// background: skyblue;
+ #echart1{
+ width: 100%;
+ height: 100%;
+ }
}
</style>
--
Gitblit v1.9.3