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

问题描述

问 题

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<number;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数据，后面还有很多组。

这篇关于echarts - echart.js怎么调用本地json中的数据以显示啊？跪求各路大神请指点迷津的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！