0

縦棒グラフで選択した 2 つの年のみを表示するのに問題があります。それは常にそれに他の年を追加し、チャートはひどいものに見えます. 「2007」と「2010」が表示されるはずが、「2006」、「2008」、「2010」と表示されます。変更するのは小さなことだと思いますが、それが何であるかわかりません。

ここにフィドルがあり、ここにコードがあります：

ヒントをありがとう。

    $(function () {
        var chart = new Highcharts.Chart({
            "title": {
                "text": "<span style='font-family: Helvetica'>Emissions of CO2 - from Fossil Fuels - Total (CDIAC)<\/span>",
                "useHTML": true
            },
            "yAxis": {
                "min": 0,
                "title": {
                    "text": "Gigagrams of CO2",
                    "align": "high",
                    "rotation": 0,
                    "y": -20,
                    "offset": -50
                }
            },
            "xAxis": {
                "labels": {
                    "step": 1
                },
                "tickWidth": 0,
                "showFirstLabel": true,
                "showLastLabel": true
            },
            "plotOptions": {
                "series": {
                    "connectNulls": true,
                    "shadow": false,
                    "lineWidth": 2,
                    "marker": {
                        "enabled": false
                    }
                }
            },
            "chart": {
                "renderTo": "container",
                "type": "column",
                "zoomType": "xy"
            },
            "series": [{
                "name": "Bangladesh",
                "data": [
                    [2007, 48506],
                    [2010, 56199]
                ]
            }, {
                "name": "Sri Lanka",
                "data": [
                    [2007, 12467],
                    [2010, 12720]
                ]
            }]
        });

    });
4

1 に答える 1

3

分類された xAxis を使用する必要があると思います。次に、次の 2 つの小さな変更のみが必要です。

  • 設定xAxis.type = 'category'
  • 年を文字列に変換: 2008->"2008"

デモ: http://fiddle.jshell.net/3bcb8sxw/4/

于 2015-02-16T10:07:25.843 に答える