0

jQueryにjqChartプラグインを使用しています。
次のコードを使用すると、ローソク足チャートが正しくレンダリングされます。

<script lang="javascript" type="text/javascript">
        $(document).ready(function () {
            $('#jqChart').jqChart({
                title: { text: 'CNDL CHRT' },
                series: [
                            {
                                type: 'candlestick',
                                data : [ ['Mon', 5375, 5325, 5340, 5330], ['Tue', 5322, 5250, 5290, 5270], ['Wed', 5375, 5325, 5340, 5330], ['Fri', 5322, 5250, 5290, 5270]] 
                                                            }
                        ]
            });
        });
    </script>

jqChart OK

以下のJSONデータを除いて、他のすべてのものは変更されておらず、グラフは正しくレンダリングされません。
一部のバーについてのみツールチップが表示されます。
すべてのバーには塗りつぶし色がありません。

data : [["2012/07/02:0920", 5308.2, 5308.2, 5288.0, 5292.4], ["2012/07/02:0930", 5292.0, 5296.7, 5283.35, 5295.05], ["2012/07/02:0940", 5295.95, 5297.3, 5286.6, 5288.55], ["2012/07/02:0950", 5289.4, 5292.0, 5284.0, 5285.0]]

jqChartはOKではありません

2番目の「データ」jsonオブジェクトの何が問題になっている可能性がありますか？
ありがとう、

Vineet

4

1 に答える 1

1

jqChartローソク足チャートはHLOC形式のデータを受け入れます。2番目のデータはOHLC形式だと思います。

次のように変換できます。

    var data = [["2012/07/02:0920", 5308.2, 5308.2, 5288.0, 5292.4], ["2012/07/02:0930", 5292.0, 5296.7, 5283.35, 5295.05], ["2012/07/02:0940", 5295.95, 5297.3, 5286.6, 5288.55], ["2012/07/02:0950", 5289.4, 5292.0, 5284.0, 5285.0]];

    for (var i = 0; i < data.length; i++) {

        var item = data[i];

        data[i] = [item[0], item[2], item[3], item[1], item[4]];
    }

    $('#jqChart').jqChart({
        title: { text: 'CNDL CHRT' },
        series: [
                    {
                        type: 'candlestick',
                        data: data
                    }
                ]
    });
于 2012-07-17T17:32:32.183 に答える