怎样利用百度Echart实现动态图表,麻烦有做过的大神们指点一二
2条回答 默认 最新
- 王_超 2016-09-18 08:23关注
给你我的代码示例吧、
var queryDiskBuy=function(){ var ajaxSettings=$.extend({},commonSettings,{ url : params.queryDiskBuyUrl, success : function(data){ diskBuyHandler(data); }, error : errorHandler, data : { recent : recent, } }); $.ajax(ajaxSettings); }; var diskBuyHandler=function(data){ if(!data.success||data.list==null){ tab("security-tab1-main",dataAllIn,"买入时股票涨幅(%)","当天收盘涨幅(%)",'买入分布'); return; } for(var i=0;i<data.list.length;i++){ var temp=[data.list[i].matchInAscend,data.list[i].stockAscend,data.list[i].matchInAmt]; dataAllIn[i]=temp; } tab("security-tab1-main",dataAllIn,"买入时股票涨幅(%)","当天收盘涨幅(%)",'买入分布'); };
tab函数:
var tab = function(id,dataAll,xName,yName,title2){ var myChart = echarts.init(document.getElementById(id)); var markLineOpt = { animation: false, label: { normal: { formatter: '', textStyle: { align: 'right' } } }, lineStyle: { normal: { type: 'solid', color:"#ccc" } }, tooltip: { show:false }, data: [[{ coord: [-10,-10], symbol: 'none' }, { coord: [10, 10], symbol: 'none' }]] }; var option = { color: [ 'rgba(251,75,75,1)','blue' ], grid: [ { x:"70", x2: '40', y: '5%', width: '70%', height: '70%' } ], tooltip: { formatter: function (obj) { var value = obj.value; return '<div style=" font-size: 14px">' + '买入时股票涨幅'+ ':' + value[0] + '%'+ '<br>' + '当天收盘涨幅'+ ':' + value[1]+ '%'+ '<br>' + '成交金额' + ':' + value[2]+ '元'+ '<br>'; + '</div>'+ '<br>' } }, xAxis: [ { name:xName, type : 'value', nameLocation:"middle", nameGap:"30", scale:true, min:'-10', max:'10', splitNumber:10,//设置x轴间隔数 axisLine:{ onZero:false,//坐标轴不从0开始 lineStyle:{ color:"#9DA1A7" } }, axisTick:{ show:false } } ], yAxis: [ { name:yName, nameLocation:"middle", nameGap:"30", type : 'value', scale:true, min:'-10', max:'10', splitNumber:10,//设置y轴间隔数 axisLine:{ onZero:false, //坐标轴不从0开始 lineStyle:{ color:"#9DA1A7" } }, axisTick:{ show:false } } ], series: [ { name: '买入分布', type: 'scatter', xAxisIndex: 0, yAxisIndex: 0, data: dataAll, markLine: markLineOpt, itemStyle:{ normal:{ color:function(data){ if(parseFloat(data.data[0]) <parseFloat( data.data[1])) { if("买入分布"==title2){ return "red"; }else{ return "green"; } } else{ if("卖出分布"==title2){ return "red"; }else{ return "green"; } } } } }, symbolSize: function (data) { return Math.abs(data[2]) /1000; }//节点大小范围 } ] }; myChart.setOption(option); }
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决评论 打赏 举报无用 1
悬赏问题
- ¥15 如何在scanpy上做差异基因和通路富集?
- ¥20 关于#硬件工程#的问题,请各位专家解答!
- ¥15 关于#matlab#的问题:期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707,使系统具有较小的超调量
- ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
- ¥30 截图中的mathematics程序转换成matlab
- ¥15 动力学代码报错,维度不匹配
- ¥15 Power query添加列问题
- ¥50 Kubernetes&Fission&Eleasticsearch
- ¥15 報錯:Person is not mapped,如何解決?
- ¥15 c++头文件不能识别CDialog