0

[x,y]ハイチャートを使って表示するチャートがあり[x,y]ますminimum value, maximum value。私はこのような配列を持っています:array1[['apples',no of apples,11,12],['oranges',no of oranges,1,2]

次のチャートでこの配列を使用するにはどうすればよいですか? array1シリーズオプションでこれを指定する必要があることを理解しています。しかし、どのチャートを使用すればよいでしょうか? [x,y]上記のように定義された配列に複数のオプションがある場合、チャート内のポイントをどのように表すのですか?

$(document).ready(function fruits() {
    $('#container').highcharts({
        title: {
            text: 'fruits'
        },

        xAxis: {
            categories: ['Apple', 'Orange']
        },

        yAxis: {
            title: {
                text: 'No of fruits'
            },
            tickInterval: 10
        },

        series: [{
            name: 'Fruits',
            data: [
                ['apple', 29.9],
                ['orange', 71.5]
            ]

        }]
    });
});

たとえば、列範囲チャートを使用する場合、同じポイントの下に最小値と最大値があります。しかし、果物、平均、中央値も同じグラフに含める必要はありません。平均と中央値に別の線を引きたいのではなく、果物、最小、最大、中央値の数を示す各ポイントに単一の線を使用しますツールチップで.I want data to [apple,5,4,12.5,10] $(function () {

$('#container').highcharts({

    chart: {
        type: 'columnrange',
        inverted: false
    },

    title: {
        text: 'Temperature variation by month'
    },

    subtitle: {
        text: 'Observed in Vik i Sogn, Norway, 2009'
    },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    yAxis: {
        title: {
            text: 'Temperature ( °C )'
        }
    },

    tooltip: {
        valueSuffix: '°C'
    },

    plotOptions: {
        columnrange: {
            dataLabels: {
                enabled: true,
                formatter: function () {
                    return this.y + '°C';
                }
            }
        }
    },

    legend: {
        enabled: false
    },

    series: [{
        name: 'Min and Max',
        data: [
            [-9.7, 9.4],
            [-8.7, 6.5],
            [-3.5, 9.4],
            [-1.4, 19.9],
            [0.0, 22.6],
            [2.9, 29.5],
            [9.2, 30.7],
            [7.3, 26.5],
            [4.4, 18.0],
            [-3.1, 11.4],
            [-5.2, 10.4],
            [-13.5, 9.8]
        ]
    }

                   ]


            ]

});

});

4

4 に答える 4

0

あなたが探しているのはcolumnrangeチャートと呼ばれるものだと思います。

于 2013-10-07T19:19:21.760 に答える
0

次のように、2 つのカテゴリと 2 つのシリーズが必要です。

        xAxis: {
            categories: ['Apples', 'Oranges'],
            title: {
                text: null
            }
        },
        series: [{
            name: 'Min',
            data: [11, 12]
        }, {
            name: 'Max',
            data: [20, 24]
        }]

フィドルの例を次に示します: http://jsfiddle.net/UZj2K/

于 2013-10-07T18:25:08.087 に答える