weixin_33749242 2019-01-10 12:42 采纳率: 0%
浏览 209

如何制作Json Data Echarts?

在我的web应用程序中,我有一个电子海图和一个返回的URL。

[ { "category": "2019-01-06 21:22:56", "value1": 0.5 }, { 
"category": "2019-01-06 21:24:57", "value1": 0.5 }, { "category": 
"2019-01-08 22:09:52", "value1": 533 }, { "category": "2019-01-08 
22:10:45", "value1": -100 }, { "category": "2019-01-08 22:11:35", 
"value1": 216.5 }, { "category": "2019-01-08 22:12:25", "value1": 
-221.5 }, { "category": "2019-01-08 22:13:16", "value1": 226 } ]

现在我希望“类别”值显示在x轴上,“value 1”值显示在y轴上。

图表代码如下:

var dataArr = [];
        $.get('https://myurl.com/backend/data.php', {}, 
function(response) {
            dataArr = JSON.parse(response);
            initEchart();
        });

var myChart = echarts.init(document.getElementById('main'));

function initEchart(){
            // specify chart configuration item and data
            var option = {
                title: {
                    text: 'ECharts entry example'
                },
                tooltip: {},
                legend: {
                    data:['Sales']
                },
                xAxis: {
                    data: dataArr.category 
                },
                yAxis: {},
                series: [{
                    name: 'Sales',
                    type: 'line',
                    data: dataArr.value1
                }]
            };

            // use configuration item and data specified to show 
chart
            myChart.setOption(option);
        }
}
  • 写回答

2条回答 默认 最新

  • ℡Wang Yan 2019-01-10 12:56
    关注

    you need to use something like this

    function(response) {
            dataArr = JSON.parse(response);
            initEchart();
            var category = [];
            var value = [];
            for(var i = 0; i < dataArr.length; i++) {
               var item = dataArr[i];   
               category.push("\""+item[0]+"\"");
               value.push("\""+item[1]+"\"");
           }
           category= '['+category+']';
           var result_category = category.toString();
    
           value= '['+value+']';
           var result_value = value.toString();
    
    
          //and in chart use like this 
    
           xAxis: {
                    data:  JSON.parse(result_category)
                },
            series: [{
                        name: 'Sales',
                        type: 'line',
                        data: JSON.parse(result_value)
                    }]
    });
    
    评论

报告相同问题?

悬赏问题

  • ¥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
  • ¥15 Excel发现不可读取的内容