Chart.js Chartjs条数据集标签未显示
试图在条形图上比较今年和去年,数据集“今年”和“上一年”的标签未显示。当并排比较多个数据集时,这件事特别方便,因此非常感谢您的帮助。 顺便说一下,我的chartjs版本是2.1.4Chart.js Chartjs条数据集标签未显示,chart.js,Chart.js,试图在条形图上比较今年和去年,数据集“今年”和“上一年”的标签未显示。当并排比较多个数据集时,这件事特别方便,因此非常感谢您的帮助。 顺便说一下,我的chartjs版本是2.1.4 var chartdata = { type: 'bar', data: { labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], // l
var chartdata = {
type: 'bar',
data: {
labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
// labels: month,
datasets: [
{
label: 'this year',
backgroundColor: '#26B99A',
data: sold1
},
{
label: 'previous year',
backgroundColor: '#03586A',
data: sold2
}
]
}
};
检查您的
sold1
和sold2
console.log(sold1);
console.log(sold2);
例如,这是可行的:
var chartdata = {
{
type: 'bar',
data: {
labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
// labels: month,
datasets: [
{
label: 'this year',
backgroundColor: '#26B99A',
data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
},
{
label: 'previous year',
backgroundColor: '#03586A',
data: [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13]
}
]
}
}
};
var ctx = document.getElementById('chartContainer').getContext('2d');
new Chart(ctx, chartdata);
jsiddle将xAxis的autoSkip设置为false:
scales: {
xAxes: [{
beginAtZero: true,
ticks: {
autoSkip: false
}
}]
}
这对我有用。试试你自己
var chartdata = {
type: 'bar',
data: {
labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
datasets: [
{
label: 'this year',
backgroundColor: '#26B99A',
data: sold1
},
{
label: 'previous year',
backgroundColor: '#03586A',
data: sold2
}
]
},
"options": {
"legend": {"position": "bottom"},
"scales": {
"xAxes": [
{
"beginAtZero": true,
"ticks": {
"autoSkip": false
}
}
]
}
}
};
谢谢你的帮助,亚历克斯!再次检查控制台,两个输出似乎都正确:sold1输出(11)[“357508.03”、“393790.14”、“407346.07”、“557704.12”、“555916.68”、“422659.26”、“297766.49”、“448256.07”、“510020.86”、“325525.30”、“89214.27”]sold2输出(11)[“409550.01”、“396759.48”、“337295.41”、“404729.91”、“298772.12”、“455665.55”、“411476.19”、“403140.82”,“452218.70”、“390890.12”、“512817.69”]如果我使用类似于数据的数据:[2、3、4、5、6、7、8、9、10、11、12、13]仍然没有标签。非常奇怪,请检查JSFiddle,我只能使用您发布的部分代码执行JSFiddle工作示例。如果仍然需要答案,请检查此线程: