Highcharts JSON,图表未显示

哈立德·侯赛因

我有一些数据希望显示在图表上,但仅显示标题,而不会绘制任何点。据我所知,我收到的JSON数据是正确的,我认为它在图表函数中的某处,但我无法真正指出。

到目前为止,这是我所拥有的:data.php(输出):

{"name":"Temperature","data":[34,28,29,28,34,28,32,27,24,30,25,32,34,28,34,33,24,33,30,27,24,27,26,29]}

html的重要部分:

<script>
    $(function () {
    var chart;
    $(document).ready(function() {
        $.getJSON("data.php", function(json) {
            chart = new Highcharts.Chart({
                chart: {
                    renderTo: 'container',
                    type: 'line',
                    marginRight: 130,
                    marginBottom: 25
                },
                title: {
                    text: 'Temperature vs. Time',
                    x: -20 //center
                },
                xAxis: {
                    categories: ['12AM', '1AM', '2AM', '3AM', '4AM', '5AM', '6AM', '7AM', '8AM', '9AM', '10AM', '11AM','12PM', '1PM', '2PM', '3PM', '4PM', '5PM', '6PM', '7PM', '8PM', '9PM', '10PM', '11PM']
                },
                yAxis: {
                    title: {
                        text: 'Temperature'
                    },
                    plotLines: [{
                        value: 0,
                        width: 1,
                        color: '#808080'
                    }]
                },
                series: json
            });
        });
    });    
});
</script>

它应该显示每小时的温度,但不幸的是没有任何反应。知道有什么问题吗?

艾登·哈桑(Aydin Hassan)

series应该是一个数组。因此,您只需要更改:

series: json

至:

series: [json]

工作示例:http : //codepen.io/anon/pen/Kfgsd

说明文件:http : //www.highcharts.com/docs/chart-concepts/series

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用HighCharts时未显示任何图表

来自分类Dev

Highcharts - Json 显示错误消息代替图表

来自分类Dev

在 Highcharts 上显示单个图表

来自分类Dev

Highcharts .getJSON-图表未绘制

来自分类Dev

Highcharts同步图表显示工具提示

来自分类Dev

如何显示Highcharts图例及其相应图表?

来自分类Dev

如何显示Highcharts图例及其对应的图表?

来自分类Dev

Highcharts不显示来自CSV文件的图表

来自分类Dev

highcharts 2变量JSON(日期,值)未正确显示

来自分类Dev

获取Highcharts图表的参考

来自分类Dev

Highcharts水平同步图表

来自分类Dev

获取Highcharts图表的参考

来自分类Dev

Highcharts金字塔图表不显示带有JSON,PHP的数据

来自分类Dev

highcharts xaxis导航器未显示

来自分类Dev

highcharts-ng未显示饼图

来自分类Dev

图表js和json,图表未显示

来自分类Dev

Highcharts分类未添加

来自分类Dev

在图表边距之外显示Highcharts series.name

来自分类Dev

Highcharts Donutchart:避免显示带有嵌套图表的重复图例

来自分类Dev

HighCharts显示饼图上图表中的选定点

来自分类Dev

HighCharts无法正确显示

来自分类Dev

以编程方式缩放Highcharts图表

来自分类Dev

HighCharts渲染图表已放大

来自分类Dev

Highcharts:斑马色图表背景

来自分类Dev

Highcharts实时图表setExtremes问题

来自分类Dev

Highcharts图表气泡调整大小

来自分类Dev

Highcharts 图表的默认值

来自分类Dev

带有传入 Json 数据的 Highcharts 实时图表 [FIXED[]

来自分类Dev

Highcharts JSON 格式 - 拆分和预处理图表数据?