0

タイム ラインのスケールを維持しながら、時系列を棒グラフ (縦棒グラフとも呼ばれると思います) として描画したいと思います。例：ここに画像の説明を入力

コードを視覚化する方法を提供する JavaScript ライブラリをお勧めできますか? 私はこの答えをよく知っていて、それらのいくつかを試しましたが、望ましい結果に近づくことができませんでした.

JavaScript 形式のサンプル データ:

var arr = new Array();
arr[0] = -100;
arr[3.5] = 10;
arr[5] = 110;
4

2 に答える 2

1

categories(in x-axis)このコードを見てください。 anddataを独自の配列に置き換えることができます。

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>

</head>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto">

</div>
<script>
$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'Column chart with negative values'
        },
        credits: {
            enabled: false
        },
        series: [{
        name: 'Bar Chart',
        data: [

    { x: 0, y: -100 },
    { x: 4.9, y: 10},
    { x: 5, y: 100 }
    ]

    }]
    });
});
</script>
</html>
于 2015-06-05T15:32:58.153 に答える
0

非常に構成可能なHighchartsを見てください。このフィドルを見てください。タイプをに変更しただけですcolumn

于 2015-06-05T15:08:22.210 に答える