echart json ajax c,echart.js怎么调用本地json中的数据以显示啊?跪求各路大神请指点迷津...

配置文件中有如何加载自定义数据,先加载本地json文件中的数据,再放在series中的data中。

贴一个我之前项目中用到的例子供参考,希望你能用得上。

//建立折线图

function drawGraph(number,parm){

var url="{:U('Data/setData')}";

$.post(url,{"parm":parm},function(data) {

var length = data.length;//总数据长度

if(parm=="blend"){

var max=2500;

var min=-1500;

}else {

max=10.0;

min=-10;

}

var size=[];//坐标点个数

for(var i=1;i

size.push(i)

}

var chart =echarts.init(document.getElementById('heartRateGraph')); //新建一个echars

//配置图表

var option = {

这里的代码就是加载本地json数据,setData是后台接收过来的json数据返回给echart(其实用AJAX直接打开json文件就行了,我这里当时没改)。

public function setData(){

$parm=I("post.parm");//接收参数

$originJson=file_get_contents("lastOrigin.json");

$endJson=file_get_contents("lastEnd.json");

$originData=json_decode($originJson,true);

$endData=json_decode($endJson,true);

if($parm=="blend"){

$this->ajaxReturn($originData);

}else{

$this->ajaxReturn($endData);

}

这个就是我的setData。

series: [

{

symbolSize:5,

symbol:"circle",

name: '一',

type: 'line',

itemStyle: {

normal: {

color: "#CD2626"

}

},

lineStyle: {

normal:{

width: 1,

color: '#CD2626'

}

},

data:data[0]

这里就是我echart的配置,最后一行data:data[0],加载第一组json数据,后面还有很多组。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值