douji4223 2013-06-09 15:30
浏览 46
已采纳

值不显示在highcharts中

JSON output: (from dt.php)

[{
    "name":"Year",
    "data":[2012,2013]
},{
    "name":"A",
    "date":[111,24]
},{
    "name":"B",
    "date":[34,0]
},{
    "name":"C",
    "date":[365,43]
},{
    "name":"D",
    "date":[496,0]
}]

Javascript:

    $(document).ready(function() {
        var chart;

        var option = {
            chart: {
            renderTo: 'hcChart',
            type: 'column'
        },
        title: {
            text: 'Testing'
        },
        xAxis: {
            categories: []
        },
        series: []
        };

        $.getJSON("dt.php", function(json) {
            option.xAxis.categories = json[0]['data'];
            option.series[0] = json[1];
            option.series[1] = json[2];
            option.series[2] = json[3];
            option.series[3] = json[4];
            chart = new Highcharts.Chart(option);
        });
    });

The chart does show out with the legends but the there are no single value showing up.. Any help?

  • 写回答

1条回答 默认 最新

  • dow5001 2013-06-09 15:47
    关注

    Change date to data:

    [{"name":"Year","data":[2012,2013]},{"name":"A","data":[111,24]},{"name":"B","data":[34,0]},{"name":"C","data":[365,43]},{"name":"D","data":[496,0]}]
    

    Also remember to render the chart to a div id. option.chart.renderTo = 'myChart';

    Working example:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
    <script src="http://code.highcharts.com/highcharts.js" type="text/javascript"></script>
    <script>
        $(document).ready(function () {
            var chart;
    
            var option = {
                chart: {
                    renderTo: 'hcChart',
                    type: 'column'
                },
                title: {
                    text: 'Testing'
                },
                xAxis: {
                    categories: []
                },
                series: []
            };
    
            $.getJSON("dt.php", function (json) {
                option.xAxis.categories = json[0]['data'];
                console.log(json);
                option.series[0] = json[1];
                option.series[1] = json[2];
                option.series[2] = json[3];
                option.series[3] = json[4];
                option.chart.renderTo = 'myChart';
                chart = new Highcharts.Chart(option);
            });
        });
    </script>
    <div id="myChart"></div>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 电脑开机过商标后就直接这样,求解各位
  • ¥15 mysql , 用自己创建的本地主机和用户名 登录不上
  • ¥15 关于#web项目#的问题,请各位专家解答!
  • ¥15 vmtools环境不正常
  • ¥15 请问如何在Ubuntu系统中安装使用microsoft R open?
  • ¥15 jupyter notebook
  • ¥30 informer时间序列预测
  • ¥20 SSR引物多态性分析
  • ¥15 大漠插件在Win11易语言注册调用和免注册灵异事件,VS上注册调用完全没问题
  • ¥15 Addressable缓存机制做热更新的问题