2017-08-17 13 views
1

私はFlotチャートを使っています。ラインデータ系列とドットデータ系列のグラフをプロットしたいと思います。行を作る1つの配列と、点を作る1つの配列。同じグラフの異なるデータに対して線と点の両方をプロットするには

しかし、私はこれを達成できませんか?

$.plot("#placeholder", [ 
        { data: prices, label: "Prices" }, 
        { data: average, label: "Average", yaxis: 2 }, 
        { data: error, label: "Error", yaxis: 3 } 
       ], { 
        points: [{},{},{ show: true, radius: 10, lineWidth: 4, fill: false }], 
        xaxes: [ { mode: "time" } ], 
        yaxes: [ 
         { }, 
         { 
          alignTicksWithAxis: 1, 
          position: "right", 
          min: -110, 
          max: 10 
         }, 
         { 
          alignTicksWithAxis: 1, 
          position: "right", 
          visible: false, 
          ticks: [] 
         } 
        ], 
        legend: { position: "sw" } 
       }); 

ここで、価格と平均は2つのデータラインアレイであり、エラーはチャート内のドットを視覚化していると考えられます。しかし、私には行しかありません。私は "ミックスとマッチ"はできませんか?

答えて

1

あなたは、あなたのデータ系列オブジェクトにlike sopointslinesオプションを追加することができます別の系列プロットポイントながら

var data = [{ 
    data: [[0, 150], [1, 200], [2, 250], [3, 120], [4, 90]], 
    points: { show: false }, 
    lines: { show: true } 
}, 
{ 
    data: [[0, 200], [1, 100], [2, 150], [3, 70], [4, 30]], 
    points: { show: true }, 
    lines: { show: false } 
}]; 

This JSFiddleは、線描画シリーズの例があります。

関連する問題