[英]drawing line chart with chartjs
I'm trying to draw a line chart with chartjs, but i can't get it working - keep getting 't is undefined' error. 我正在尝试使用chartjs绘制折线图,但我无法使其正常工作-不断收到“ t is undefined”错误。
here is my fiddle example: http://jsfiddle.net/6bjy9nxh/344/ 这是我的小提琴示例: http : //jsfiddle.net/6bjy9nxh/344/
can anyone figure out what im doing wrong here? 谁能找出我在这里做错了什么?
chartjs: http://www.chartjs.org/docs/#line-chart-example-usage chartjs: http : //www.chartjs.org/docs/#line-chart-example-usage
cdn: https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js CDN: https ://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js
html html
<canvas id="myChart" width="500" height="350"></canvas>
javascript javascript
var ctx = document.getElementById("myChart");
var data = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [
{
label: "My First dataset",
fill: false,
lineTension: 0.1,
backgroundColor: "rgba(75,192,192,0.4)",
borderColor: "rgba(75,192,192,1)",
borderCapStyle: 'butt',
borderDash: [],
borderDashOffset: 0.0,
borderJoinStyle: 'miter',
pointBorderColor: "rgba(75,192,192,1)",
pointBackgroundColor: "#fff",
pointBorderWidth: 1,
pointHoverRadius: 5,
pointHoverBackgroundColor: "rgba(75,192,192,1)",
pointHoverBorderColor: "rgba(220,220,220,1)",
pointHoverBorderWidth: 2,
pointRadius: 1,
pointHitRadius: 10,
data: [65, 59, 80, 81, 56, 55, 40],
}
]
};
var myLineChart = new Chart(ctx, {
type: 'line',
data: data,
});
You are including version 1, you need version 2 for Chart.js 您包括版本1,您需要Chart.js的版本2
https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.3/Chart.min.js
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.