Javascript Chart.js版本2.2.1不会显示图表
我一直在尝试让Chart.js 2.2.1版使用另一个站点的教程显示一个简单的图表。。 即使有最基本的数据也无法显示。如果我使用缩小版,CDN nada的版本,没有,zip 括号中的版本1.0.2工作正常,但是版本2.2.1出现了很多jshint错误 我甚至在JSFiddle上试用过,但还是没有使用最新的verson 作为javascript新手,我想知道是否有一些明显的地方我遗漏了,否则我将继续使用旧版本 这是工作代码。我只添加了Chart.js文件的开头Javascript Chart.js版本2.2.1不会显示图表,javascript,chart.js,Javascript,Chart.js,我一直在尝试让Chart.js 2.2.1版使用另一个站点的教程显示一个简单的图表。。 即使有最基本的数据也无法显示。如果我使用缩小版,CDN nada的版本,没有,zip 括号中的版本1.0.2工作正常,但是版本2.2.1出现了很多jshint错误 我甚至在JSFiddle上试用过,但还是没有使用最新的verson 作为javascript新手,我想知道是否有一些明显的地方我遗漏了,否则我将继续使用旧版本 这是工作代码。我只添加了Chart.js文件的开头 <canvas width="
<canvas width="300px" height="300px" id="my-chart"></canvas>
* Chart.js
* http://chartjs.org/
* Version: 1.0.2
*
* Copyright 2015 Nick Downie
* Released under the MIT license
* https://github.com/nnnick/Chart.js/blob/master/LICENSE.md
*/
var pieData = [
{
value: 25,
label: 'Java',
color: '#811BD6'
},
{
value: 10,
label: 'Scala',
color: '#9CBABA'
},
{
value: 30,
label: 'PHP',
color: '#D18177'
},
{
value : 35,
label: 'HTML',
color: '#6AE128'
}
];
var context = document.getElementById('my-chart').getContext('2d');
var skillsChart = new Chart(context).Pie(pieData);
下面是两个版本的小提琴
工作
不工作自1.0以来语法已更改。2.2.1中的javascript应该是:
var data = {
labels: [
"Java",
"Scala",
"PHP",
"HTML"
],
datasets: [
{
data: [25, 10, 30, 35],
backgroundColor: [
"#811BD6",
"#9CBABA",
"#D18177",
"#6AE128"
]
}]
};
var ctx = document.getElementById("my-chart");
var myPieChart = new Chart(ctx,{
type: 'pie',
data: data
});
如果您不展示您尝试过的内容,那么我们就不会发现其中可能存在的错误。“我甚至在JSFIDLE上试用过”-->也许你想和我们建议的小提琴链接分享一下……非常感谢。我以为我疯了!问题是我试图使用版本2,但遵循版本1的教程。再次感谢你。
var data = {
labels: [
"Java",
"Scala",
"PHP",
"HTML"
],
datasets: [
{
data: [25, 10, 30, 35],
backgroundColor: [
"#811BD6",
"#9CBABA",
"#D18177",
"#6AE128"
]
}]
};
var ctx = document.getElementById("my-chart");
var myPieChart = new Chart(ctx,{
type: 'pie',
data: data
});