Question

需要有气泡图的json格式。数据来自json格式的数据库。我使用的json格式存在一些问题。继承我的代码和json格式

$(function() {

$.getJSON("scatter.json", function(json3) {




var chart;
    chart = new Highcharts.Chart({

        chart: {
            type: 'bubble',
            renderTo: 'container4',
            plotBorderWidth: 1,
            zoomType: 'xy'
        },

        title: {
            text: 'Cost, Profit and Revenue'
        },
        subtitle: {
                text: 'for 2012'
            },
        xAxis: {
            gridLineWidth: 1,
                title: {
                    style: {
                        fontSize: '9px',            
                    }            
                },            
        },

        yAxis: {
            startOnTick: false,
            endOnTick: false,
            title: {
                    text: 'In Dollars'
                },
            max:500000,
            min:0
        },

        series: [{
                    name: 'companyA',
                    data: json3[0]
                    }, {
                    name: 'companyB',
                    data: json3[1]
                }]



    });
});
});

和heres json数据：

[[{“Month”：“Jul”，“Cost”：“632678”，“Profit”：“457695”，“Revenue”：“637845”}，{“Month”：“Aug”，“Cost” “：”“776344”，“利润”：356179“，”收入“：”593207“}，{”月“：”9月“，”费用“：”248527“，”利润“：”70855“，”收入“ ：“532231”}，{“月”：“十月”，“费用”：“286024”，“利润”：“451776”，“收入”：“217594”}]，[{“月”：“八月” ，“成本”：“776344”，“利润”：“356179”，“收入”：“593207”}，{“月”：“9月”，“成本”：“248527”，“利润”：“70855” ，“收入”：“532231”}，{“月”：“十月”，“费用”：“286024”，“利润”：“451776”，“收入”：“217594”}]]

Answer 1

您的JSON中存在错误。在第二个数组内，在属性'Profit'的值之前，缺少第一个引号。要验证您的JSON，您可以使用此页面：http://jsonlint.com/。请看这个例子：http://jsfiddle.net/tbb71s88/3/。

WITH cte AS(
  SELECT columns, ROW_NUMBER() OVER (PARTITION BY columns ORDER by columns) AS RowIdx
    FROM matusetrans
    GROUP BY columns
)
SELECT *
  FROM cte
  WHERE RowIdx > 1

你想要实现这样的目标吗？要使其工作，您需要更改JSON结构，以适应气泡系列数据，如下所述：http://api.highcharts.com/highcharts#plotOptions.bubble。

高图泡泡图动态-json格式

1 个答案: