博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
echarts图调用多个接口
阅读量:5824 次
发布时间:2019-06-18

本文共 3032 字,大约阅读时间需要 10 分钟。

html:

<div id="sentimentMain1" style="width:960px;height:500px;margin:20px auto;"></div>

js:

var myChart1 = echarts.init(document.getElementById('sentimentMain1'));var colors = ['#5793f3','#d14a61', '#675bba'];var selectOne='20ma'var selectTwo='50ma'var option1={  color: colors,  tooltip: {    trigger: 'axis',    axisPointer: {      type: 'cross'    }  },  legend: {    data:['','index','']  },  grid: {    right: '20%'  },  toolbox: {    feature: {      dataView: {show: true, readOnly: false},      restore: {show: true},      saveAsImage: {show: true}    }  },//右上角功能键去掉:option里在toolbox:{。。。}里,不要的图标删掉。如果一个图标都不用,就把整个toolbox删掉。  xAxis: {    type: 'category',    axisTick: {      alignWithLabel: true    },    data:[] ,  },  yAxis: [    {      type: 'value',      name: '',      position: 'left',      offset:50,      axisLine: {        lineStyle: {          color: colors[0]        }      },      axisLabel: {        formatter: function (value, index) {           return value+"%";         }       }    },    {      type: 'value',      name: 'index',      position: 'right',      min:0,      max:0,      axisLine: {        lineStyle: {          color: colors[1]        }      },      axisLabel: {        formatter: function (value, index) {           return value.toFixed(2);         }       }    },    {      type: 'value',      name: '',      position: 'left',      axisLine: {        lineStyle: {          color: colors[2]        }      },      axisLabel: {        formatter: function (value, index) {           return value+"%";         }       }    }   ],   dataZoom: [{    type: 'inside',    start: 0,    end: 100    }, {      start: 98,      end: 100,      handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',      handleSize: '10%',      handleStyle: {        color: '#fff',        shadowBlur: 3,        shadowColor: 'rgba(0, 0, 0, 0.6)',        shadowOffsetX: 2,        shadowOffsetY: 2      }    }],    series: [      {        name:'',        type:'line',        data: []      },      {        name:'index',        type:'line',        yAxisIndex: 1,        data: []      },      {        name:'',        type:'line',        yAxisIndex: 2,        data: []      }     ]   }function myChart1_chart(myChart1,selectOne,selectTwo,option){
     var data1=[];
  var data2=[];  var data3=[];  var date = [];  var index_min;   var index_max;
  var url="stock/indexApi";  $.post(url,{},function(msg){
    msg = JSON.parse(msg);    if (msg.code == '000') {    //success    for (var i = 0; i < msg.data.length; i++) {      data1.push(parseFloat(msg.data[i].price).toFixed(2));      date.push(msg.data[i].date);    }    //取最大值和最小值    index_min=parseFloat(data1[0]);    index_max=parseFloat(data1[0]);    for(var k=0;k
index_max){      index_max=parseFloat(data1[k]);    }    if(parseFloat(data1[k])

 

转载于:https://www.cnblogs.com/rachelch/p/7374079.html

你可能感兴趣的文章
django 目录结构修改
查看>>
win8 关闭防火墙
查看>>
CSS——(2)与标准流盒模型
查看>>
MYSQL 基本SQL语句
查看>>
C#中的Marshal
查看>>
linux命令:ls
查看>>
Using RequireJS in AngularJS Applications
查看>>
hdu 2444(二分图最大匹配)
查看>>
【SAP HANA】关于SAP HANA中带层次结构的计算视图Cacultation View创建、激活状况下在系统中生成对象的研究...
查看>>
DevOps 前世今生 | mPaaS 线上直播 CodeHub #1 回顾
查看>>
iOS 解决UITabelView刷新闪动
查看>>
CentOS 7 装vim遇到的问题和解决方法
查看>>
JavaScript基础教程1-20160612
查看>>
ios xmpp demo
查看>>
python matplotlib 中文显示参数设置
查看>>
【ros】Create a ROS package:package dependencies报错
查看>>
通过容器编排和服务网格来改进Java微服务的可测性
查看>>
re:Invent解读:没想到你是这样的AWS
查看>>
PyTips 0x02 - Python 中的函数式编程
查看>>
使用《Deep Image Prior》来做图像复原
查看>>