ChartJS堆叠的组，每个条带标签

Question

我完全不知道如何通过json结果实现此chartjs-plugin-datalabels

[
   "[{\"label\":\"Meal\",\"value\":\"Rice\"},{\"label\":\"Location\",\"value\":\"VI\"},{\"label\":\"Payment\",\"value\":\"50k\"}]",
   "[{\"label\":\"Meal\",\"value\":\"Beans\"},{\"label\":\"Location\",\"value\":\"VI\"},{\"label\":\"Payment\",\"value\":\"35k\"}]",
   "[{\"label\":\"Meal\",\"value\":\"Rice\"},{\"label\":\"Location\",\"value\":\"Maryland\"},{\"label\":\"Payment\",\"value\":\"50k\"}]",
   "[{\"label\":\"Meal\",\"value\":\"Bread\"},{\"label\":\"Location\",\"value\":\"Maryland\"},{\"label\":\"Payment\",\"value\":\"150k\"}]",
   "[{\"label\":\"Meal\",\"value\":\"Rice\"},{\"label\":\"Location\",\"value\":\"Maryland\"},{\"label\":\"Payment\",\"value\":\"35k\"}]"
]

理想情况下，我想证明Meal有3个大米，1个豆类，1个面包，而Location和Payment 都一样

任何帮助或直接帮助将不胜感激

Answer 1

为了能够在同一画布上绘制另一个图表，使用的正确方法是.destroy()。您必须在先前创建的图表对象上调用它。您也可以对两个图表使用相同的变量

var grapharea = document.getElementById("barChart").getContext("2d");

var myChart = new Chart(grapharea, { type: 'bar', data: barData, options: barOptions });

myChart.destroy();

myChart = new Chart(grapharea, { type: 'radar', data: barData, options: barOptions })