0

ハイチャートを使用して、サーバーのパフォーマンス統計、メモリ、CPU などをグラフ化しています。これらのグラフにサポート インシデントを追加し、ウィンドウを変更したいと考えています。最初はエラーバーは完璧だと思っていましたが、水平に回転させる必要があります。私が見る限り、グラフは回転できますが、1 つの系列ではなく、グラフ全体のみです。

chart: {
            type: 'spline',
            inverted: true
        },

インシデントの期間を表すために、チャートに小さな水平バーを表示する方法を教えてください。重大度に応じた色付けは、ボーナス ポイントを獲得します。

4

2 に答える 2

0

各エラーバーが個別のシリーズになる単純なラインシリーズを使用できますが、すべてが1つのマスターシリーズに接続されます。例を参照してください: http://jsfiddle.net/3bQne/646/

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    plotOptions: {
        line: {
            color: 'red',
            lineWidth: 10,
            marker: {
                enabled: false,
                states: {
                    hover: {
                        enabled: false
                    }
                }
            }
        }
    },
    series: [{
        type: 'column',
        name: 'some data',
        data: [4, 11, 5, 16, 9, 22, 11, 1]        
    }, {
        type: 'line',
        name: 'errors',
        id: 'err',
        data: [ [0, 4],[3, 4]]
    }, {
        type: 'line',
        name: 'errors',
        linkedTo: 'err',
        data: [ [3, 1], [6, 1]]
    }, {
        type: 'line',
        name: 'errors',
        linkedTo: 'err',
        data: [ [2,10], [3,10]]
    }]
});
于 2013-10-30T11:30:37.943 に答える