尊龙d88官方网站

<wbr id="oi25s"><source id="oi25s"><option id="oi25s"></option></source></wbr>
      <big id="oi25s"></big>
      
      
    1. 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
      };
      复制代码

      如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

      尊龙d88bbin平台 D88尊龙移动客户端 尊龙d88开户登入 尊龙d88网址备用登 尊龙d88来就送38 尊龙d88注册登录 尊龙d88官网免费下载 D88尊龙电脑版 下载尊龙d88app d88尊龙手机登录免费下载 尊龙d88手机版在线登录 尊龙d88登录安卓版下载 尊龙d88旧版登陆 尊龙d88下载 d88尊龙网页版登录手机 尊龙d88手机版在线登录 d88尊龙压大小打不开 尊龙d88旧版登陆 尊龙d88登录安卓版下载 尊龙d88旧版登录网址下载 尊龙d88官网免费下载 尊龙d88官网免费下载 d88尊龙新版登录 尊龙d88手机网页登录 D88尊龙网址大全 尊龙d88旧版登陆 下载尊龙d88app d88尊龙登录下载 尊龙d88开户登入 尊龙d88旧版登录网址下载 尊龙d88旧版网址 尊龙d88旧版网址 尊龙d88官网免费下载 尊龙d88登录 尊龙d88登录 d88尊龙官网免费下载 尊龙d88来就送38 尊龙d88下载 尊龙d88旧版登录网址下载 D88尊龙网址大全 尊龙d88手机版在线登录 尊龙d88用现金娱乐 d88尊龙压大小打不开 尊龙d88注册登录 尊龙d88登录安卓版下载 d88尊龙官网免费下载 尊龙d88来就送38 D88尊龙移动客户端 d88尊龙手机登录免费下载 尊龙d88手机版下载网址
      D88尊龙手机版登录 D88尊龙电脑版 D88尊龙移动客户端 D88尊龙网址大全 d88尊龙压大小打不开 d88尊龙官网免费下载 d88尊龙官网登录免费下载 d88尊龙手机登录 d88尊龙手机登录免费下载 d88尊龙新版登录 d88尊龙登录下载 d88尊龙网址 d88尊龙网页版登录手机 下载尊龙d88app 尊龙d88app 尊龙d88bbin平台 尊龙d88下载 尊龙d88官方网站 尊龙d88官网免费下载 尊龙d88开户登入 尊龙d88手机版下载网址 尊龙d88手机版在线登录 尊龙d88手机网页登录 尊龙d88旧版登录网址下载 尊龙d88旧版登陆 尊龙d88旧版网址 尊龙d88来就送38 尊龙d88注册登录 尊龙d88游戏登录入口 尊龙d88用现金娱乐 尊龙d88登录 尊龙d88下载 朔州市| 沅陵县| 株洲市| 灌阳县| 永泰县| 朔州市| 蓬安县| 富锦市| 夹江县| 什邡市| 信阳市| 崇义县| 金山区| 丰城市| 孝昌县| 资中县| 威宁| 奉新县| 富蕴县| 襄樊市| 安化县| 大方县| 绥德县| 庄河市| 富顺县| 涟源市| 东山县| 台北市| 漾濞| 依安县| 巴塘县| 山东| 红安县| 河曲县| 云梦县| 贵阳市| 珲春市| 馆陶县| 宣恩县| 五常市| 庆安县|