Chart.jsリニアスケール：奇妙な振る舞い

Question

chart.jsグラフでx軸にリニアスケールを使用しようとしています。 jsfiddle URLを追加するとき 私はstackoverflowのbeauseいくつかのコードを追加しますが、それが義務になりますが、私はポイントが表示されない：

var options={ 
    scales:{ 
    xAxes:[{ type: "linear"}] 
    } 
}; 

私は非常に奇妙なチャート（第二1）を取得しています：http://jsfiddle.net/t0krmau8/

最初のチャートでは、2と4の間のスペースを増やしたいと思います（1と2の2倍以上のスペース）ので、私はリニアスケールを使用しています。

私はリニアスケールを間違って使用していますか？それとも別のものを使うべきですか？

おかげ

Answer 1

あなたはscatter lineプロットのための正しい形式のデータを提供していません。

データを提供する正しい形式は、Chart.js Docsの次の例で説明されています。

var scatterChart = new Chart(ctx/* your canvas context*/, { 
type: 'line', 
    data: { 
     datasets: [{ 
      label: 'Scatter Dataset', 
      data: [{ 
       x: -10, 
       y: 0 
      }, { 
       x: 0, 
       y: 10 
      }, { 
       x: 10, 
       y: 5 
      }] 
     }] 
    }, 
    options: { 
     scales: { 
      xAxes: [{ 
       type: 'linear', 
       position: 'bottom' 
      }] 
     } 
    } 
}); 

source

私はxとyが異なるアレイに分離されるべきだと思うが、あなたは常に組み合わせ手順を実行し、オブジェクトにそれらを組み合わせることができます。