0

300点以上のデータを折れ線グラフにしてみました。期待したグラフは得られませんでしたが、マーカーのみでした。ただし、グラフをズームすると、線が表示されます。線を表示するために多くの作業を行いましたが、失敗しました。最後にデータポイントの数を減らすと、線が見えました。私は flot を経験しましたが、この種の問題に遭遇したことはありません。ハイチャートのバグですか？この困難をどのように克服できますか？あなたの提案を楽しみにしています。

4

2 に答える 2

0

おそらく、コンテナーの幅が十分ではなく、マーカーが「重なって」いる可能性があります。したがって、マーカーhttp://api.highcharts.com/highcharts#plotOptions.line.marker.enabledを無効にして、線が表示されるかどうかを確認してください。

ps。ソースコードが役に立ちます (jsfiddle.net で再現できますか)

于 2013-02-28T10:56:04.410 に答える
0

この質問にご注目いただき、誠にありがとうございます。私は自分で問題を解決しました。JSON.stringify で再度データを確認したところ、最後のプロット データが [NaN, NaN] であることがわかりました。このデータを削除して再度プロットすると、折れ線グラフが得られました。テキストファイルからデータを作成し、テキストをトリミングするのを忘れた理由。データ配列に [NaN, NaN] を追加/削除すると、線が表示されたり消えたりすることがありました。現象が再現できます。

これがサンプルコードです。data1 は並べて表示できませんが、data2 は並べて表示できます。変数チャート;

var data1 = [
  [0, 1],
  [1, 2],
  [3, 5],
  [10, 9]
 ];


data1.push([NaN, NaN]); // if the last data is [NaN, NaN], the line will not be shown.

var data2 = [
  [2, 3],
  [4, 5],
  [10, 1]

];



$(function () {
    // define the options
    var options = {

        chart: {
            renderTo: 'container'
        },

        plotOptions: {
            series: {
                    lineWidth: 2,

                    marker: {
                        enabled: false
                    }
            }
        },

        series: [{
            name: 'test 1',
            data: data1
        }, {
            name: 'test 2',
            data: data2
        }]
    };

 chart = new Highcharts.Chart(options);


});
于 2013-03-01T02:04:18.510 に答える