1

この例とまったく同じように、Highcharts の縦棒グラフを使用しています。

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/data/rows/

$(function () {
$('#container').highcharts({

    chart: {
        type: 'column'
    },

    title: {
        text: 'Data input as row arrays'
    },

    data: {
        rows: [
            [null, 'Ola', 'Kari'], // series names
            ['Apples', 1, 5], // category and values
            ['Pears', 4, 4], // category and values
            ['Oranges', 3, 2] // category and values
        ]
    }
});

});

そのため、チャート データについては、シリーズではなくデータ行を使用しています。

この縦棒グラフにエラー バーを追加する方法はありますか?

ありがとう、ウォルター

4

1 に答える 1

0

私はしばらくこれに苦労してきましたが、ついにそれを理解しました。秘訣は、シリーズを定義して ID を与えることです。その後、エラーバーを正しいシリーズにリンクできます。

$(function () {
$('#container').highcharts({

    chart: {
        type: 'column'
    },

    title: {
        text: 'Data input as row arrays'
    },

    tooltip: {
        shared: true
    },


    data: {
        rows: [
            [null, 'Ola', 'Kari'], // series names
            ['Apples', 1, 5], // category and values
            ['Pears', 4, 4], // category and values
            ['Oranges', 3, 2] // category and values
        ]
    },
    series: [
        {
            id: '0'
        },
        {
            id: '1'
        },
        {
            type: 'errorbar',
            data: [[0, 3], [1, 3],[2, 1]],
            linkedTo: '0'
        },
        {
            type: 'errorbar',
            data: [[0, 6], [2, 5],[3, 2]],
            linkedTo: '1'
        }
    ]
});

});

例については、更新されたフィドルを参照してください: http://jsfiddle.net/6k7ee0cu/1/

于 2015-03-05T10:02:35.363 に答える