0

カテゴリを含む折れ線グラフを作成するにはどうすればよいですか?ただし、カテゴリ ラベルの間に線をプロットするにはどうすればよいですか? 目盛り幅の先頭にプロットをオフセットする方法はありますか? 例を次に示します: http://jsfiddle.net/jMcfG/1/ カテゴリが存在しない場合と同様に、線を x 軸の原点から開始します。

$(function () {
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    xAxis: {
        categories: ['0', '1', '2', '3', '4']
    },

    series: [{
        data: [0,3,2,5]        
    }]
});

}); </p>

4

2 に答える 2

2

しきい値プロパティを使用して、チャートを一番下に固定できます。このような： 

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
        },
        plotOptions: {
        series: {
            threshold: 0
        },

    },
        xAxis: {
            categories: ['0', '1', '2', '3', '4'],
        },
        series: [{
            data: [0,3,2,5] 
        }]
    });
});​

http://jsfiddle.net/jMcfG/5/

X 軸の場合、これは API の使用では不可能です。カスタムプログラミングを行う必要があります。カテゴリが存在する場合、グラフを中央に配置する機能です。

于 2012-11-13T21:50:03.057 に答える
0

最初のプロットを反映する虚点を追加し、それを切り取るために x 軸の最小値を 1 に設定するという別の解決策を見つけたので、グラフは原点を横切り、正の側にのみ表示されます。 http://jsfiddle.net/jMcfG/7/

$(function () {
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    xAxis: {
        min: 1,
        categories: ['-13', '0', '1', '2', '3', '4']
    },
    yAxis: {
        min: 0,
        minPadding: 1
    },

    series: [{
        data: [-1,1,3,2,5]        
    }]
});

}); </p>

于 2012-11-14T15:07:01.873 に答える