Dans mon php, je cours deux déclarations Select différentes et les transmettre à mes tableaux JQuery value et value1 J'ai vérifié que chaque tableau contient des données, dans le bon format, mais mon problème est que ma carte n'est jamais créée. Ce que je veux, c'est que l'ensemble 1 soit une barre et l'ensemble 2 soit une ligne qui montre les mêmes points de données que l'ensemble 1 mais qui est une ligne. J'ai essayé la syntaxe ci-dessous, mais comme aucun graphique n'affiche quelque chose est incorrect?Erreur JavaScript - Uncaught SyntaxError: Numéro inattendu
<script>
var ctx = document.getElementById('canvas').getContext('2d');
var chart = new Chart(ctx, {
data: {
type: 'bar',
labels: labelsarr,
datasets: [{
label: 'Set 1',
data: values,
backgroundColor: 'rgba(0, 119, 204, 0.8)',
}]
}, {
type: 'line',
datasets: [{
label: 'Set 2',
data: values1,
backgroundColor: 'rgba(0,119, 208, 0.8)',
}]
}
options: {
tooltips: { },
legend: {
display: false,
position: 'top',
},
scales: { }
});
<script>
EDIT
J'ai continué à travailler avec la syntaxe, et maintenant je reçois une erreur de
Uncaught SyntaxError: Unexpected number
Ceci est la syntaxe complète, je suis maintenant en utilisant - ce qui erre? Je pense qu'il est quelque chose dans le code JavaScript depuis le chargement de la page tout sauf le tableau
var ctx = document.getElementById('canvas').getContext('2d');
var chart = new Chart(ctx, {
datasets: [{
type: 'bar',
labels: labelsarr,
label: 'Sample 1',
backgroundColor: 'rgba(0, 119, 204, 0.8)',
data: [ values ]
}, {
type: 'line',
label: 'Set 2',
backgroundColor: 'rgba(0,119, 208, 0.8)',
data: [ values 1 ]
},
options: {
tooltips: {
callbacks: {
label: function (t, d) {
var xLabel = d.datasets[t.datasetIndex].label;
var yLabel = t.yLabel >= 1000 ? '$' + t.yLabel.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") : '$' + t.yLabel;
return xLabel + ': ' + yLabel;
}
}
},
legend: {
display: false,
position: 'top',
text: 'Sample 2',
},
scales: {
yAxes: [{
ticks: {
beginAtZero: true,
callback: function (value, index, values) {
if (parseInt(value) >= 1000) {
return '$' + value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
} else {
return '$' + value;
}
}
}
}]
}
},
plugins: [{
beforeDraw: function (chart) {
var labels = chart.data.labels;
labels.forEach(function (e, i) {
var bar = chart.data.datasets[0]._meta[0].data[i]._model;
var dataPoint = e.split(/\s/)[1];
if (dataPoint === '16')
bar.backgroundColor = 'orange';
else if (dataPoint === '17')
bar.backgroundColor = 'blue';
});
}
}]
}
}]);
Bonne prise - altérant qui me donne maintenant une erreur de « Uncaught SyntaxError: jeton inattendu: » –
Il y avait quelques erreurs de syntaxe, que j'ai corrigées dans le montage - je pense que cela devrait être tout. – Zomarea