私は HTML5 でグラフを作成しようとしていますが、Chart.js に出くわしました。これは完璧だと思われ、すぐに機能し、コア オプションをいじって、まさに私が望むものを手に入れました。次に、ドキュメンテーション サイトhttp://www.chartjs.org/docs/にアクセスし、「折れ線グラフ オプション」セクションを見て、グラフをさらにデザインするために独自のものをいくつか追加しようとしました。
ここに私のグラフのJsFiddleがあります(http://jsfiddle.net/Skylights/j8Ah3/)...そして、「余分な」オプションがまったく何もしないというコメント...私は何が間違っているのか分かりません..それらを機能させるために、これらの追加オプションを配置する必要があります。
オプションの追加または許可で何かを見逃したと思います。
//Visitors Graph
var lineChartData = {
labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul"],
datasets: [{
fillColor: "rgba(0,0,0,0)",
strokeColor: "rgba(197,115,30,1)",
pointColor: "#c5731e",
pointStrokeColor: "#c5731e",
data: [65, 59, 90, 81, 56, 55, 40],
// A few random options that don't work...
scaleFontColor : "#f00",
datasetStrokeWidth : 5,
}, {
fillColor: "rgba(0,0,0,0)",
strokeColor: "rgba(197,171,30,1)",
pointColor: "#c5ab1e",
pointStrokeColor: "#c5ab1e",
data: [28, 48, 40, 19, 96, 27, 100]
}]
}
// Draw Visitors Graph Line
var myLine = new Chart(document.getElementById("visitors-graph").getContext("2d")).Line(lineChartData);