<noframes id="xlzjj">
    <address id="xlzjj"></address>
    <form id="xlzjj"></form><em id="xlzjj"><span id="xlzjj"><span id="xlzjj"></span></span></em><address id="xlzjj"></address>

      <noframes id="xlzjj">
      <form id="xlzjj"><nobr id="xlzjj"><progress id="xlzjj"></progress></nobr></form>

      <address id="xlzjj"></address>
      <address id="xlzjj"><address id="xlzjj"><listing id="xlzjj"></listing></address></address>
      <em id="xlzjj"></em>

      Echarts中series循環添加數據

      作者: 健隆 分類: 前端 發布時間: 2020-06-13 15:34

      在js中for循環添加Echarts中的series屬性:

      復制代碼
      for (var i = 0, size = data.dataList.length; i < size; i++) {
        legendData.push(data.dataList[i].sjjc);
        series.push({
          name: data.dataList[i].sjjc,
          type: 'line',
          smooth: true,
          label: {
            normal: {
              show: true,
              position: 'top',
              color: '#424242',
              fontSize: 12,
            }
          },
          data: [data.dataList[i].yf1 , data.dataList[i].yf2 , data.dataList[i].yf3 , data.dataList[i].yf4 , data.dataList[i].yf5 ,
            data.dataList[i].yf6 , data.dataList[i].yf7 , data.dataList[i].yf8 , data.dataList[i].yf9 , data.dataList[i].yf10 , 
            data.dataList[i].yf11 , data.dataList[i].yf12]
        });
      }
      復制代碼

       

      1.首先定義變量

      2.根據后臺查詢出來的數據循環添加到變量中

      復制代碼
      var series = [];
      for (var i = 0, size = data.dataList.length; i < size; i++) {
        legendData.push(data.dataList[i].sjjc);
        series.push({
          name: data.dataList[i].sjjc,
          type: 'line',
          smooth: true,
          label: {
            normal: {
              show: true,
              position: 'top',
              color: '#424242',
              fontSize: 12,
            }
          },
          data: [data.dataList[i].yf1 , data.dataList[i].yf2 , data.dataList[i].yf3 , data.dataList[i].yf4 , data.dataList[i].yf5 ,
            data.dataList[i].yf6 , data.dataList[i].yf7 , data.dataList[i].yf8 , data.dataList[i].yf9 , data.dataList[i].yf10 , 
            data.dataList[i].yf11 , data.dataList[i].yf12]
        });
      }
      復制代碼

      3.賦值到Echarts的series屬性中

      復制代碼
      /* 第13個圖表的配置--加油站年銷售情況圖 --折線圖*/
      var option13 = {
        title: [{
          //text: '2019年加油站年銷售情況圖',
          text: titleText,
          left: 'center',
          textStyle: {
            color: '#4c4c4c',
            fontWeight: "bold",
            fontSize: 16,
          },
          }, {
            text: '單位:(萬元)',
            left: 'right',
            textStyle: {
            color: '#929292',
            fontWeight: "normal",
            fontSize: 12,
          },
        }],
        legend: {
          //data: ['中石油102', '大平五一路', '中通', '和源', '德月', '銘磊', '高橋', '大平汽貿城', '天盈', '寶光', '燕港', '順達', '長城'],
          data: legendData,
          bottom: 0
        },
        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'cross'
          },
          formatter:function(params){
            var res = params[0].name;
            for (var i = 0; i < params.length; i++) {
              res += "<br>"+params[i].marker+params[i].seriesName+":"+formatThousand2(params[i].data);
            }
            return res;
          }
        },
        dataZoom: [{
          type: 'inside',
        }],
        toolbox: {
          show: true, //是否顯示工具箱
          right: 70,
          top: -8,
          //要顯示的工具箱內容
          feature: {
            saveAsImage: { //保存為圖片
              show: true
            },
          }
        },
        grid: {
          top: '30',
          left: '1%',
          right: '1%',
          bottom: '40',
          containLabel: true,
        },
        xAxis: [{
          data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
        }],
        yAxis: [{
          type: 'value',
          axisTick: {
            show: false,
          },
        }],
        series : series
      };
      復制代碼

      如果覺得我的文章對您有用,請隨意打賞。您的支持將鼓勵我繼續創作!

      偷拍久久国产視频,AV一区二区国产剧情,国产剧情AV果冻传媒在线观看,国产网红k频道隔壁小姐姐,综合国产日韩亚洲欧美一区,爱豆传媒国产剧情免费观看,国产萝莉福利,国产网红主播剧情 国产偷拍明星| 国产主播视频APP| 韩国后化妆品系列| 麻豆传媒健身教练在线看| 制服丝袜亚洲欧美国产自拍| 偷拍 自拍亚洲 知名国产| 国产偷拍小学生在线| 百度网盘国产精品偷拍| 国产丝袜第3页| 在线偷拍国产亚洲免费| 国产在线主播在线直播| 韩国读研究生| 朋友的老师韩国| 麻豆md传媒在饯观看免费2021| 欧美穿越电影大全集| 麻豆传媒映画系列百度云资源| 最新国产美女在线视频| 门神国产剧情介绍| 国产商务模特种子| 97午夜影院在线观看视频播放| 国产 卡通 另类 亚洲| 国产丝袜品牌有哪些品牌| 国产华人大陆偷拍| 精品国产直播不卡| 韩国娃娃制作| 原创麻豆传媒免费观看视频破解版| r姐asmr助眠创意书本中文字幕| 韩国年轻女教师| 欧美幼幼网| 国产护士磁力下载地址| 台湾麻豆传媒网盘资源链接| 欧美风格图片壁纸| 麻豆传媒之春节在线播放| 日本s8| 橘工中文字幕在线| 99re在线精品网| 午夜出租车日本在线观看| 国产剧情夫妻磁力链接 迅雷下载| 综合国产情侣自拍| 正在播放国产wc偷拍视频| av国产成人直播间| http://www.ytouporn.com http://www.bonsai-tree.net http://www.ytouporn.com http://www.iosstrategygames.com http://www.maipaoche.com http://www.schoolcommunitysa.com