He estado tratando de aplicar diferentes conjuntos de datos a un gráfico chart.js, pero tengo problemas cuando intento producir un gráfico con dos variables categóricas y hacer que las escalas sean categóricas. O se eliminan todos los datos o las escalas x e y se mezclan/combinan. Principalmente probé esto con diagramas de dispersión, ya que deberían poder visualizar dos variables categóricas. ¿Alguien más ha experimentado este problema o tiene una solución?
Las variables preestablecidas/declaradas previamente son:
conjunto de datos (matriz de objetos), xdata (cadena), ydata (cadena)
mi código es:
const myChart = new Chart(ctx, { type: "scatter", data: { datasets: [{ display: false, data: dataset, pointBackgroundColor: ["#3e95cd"], // for scatter plot }], borderColor: "black", }, options: { layout: { padding: 20, }, parsing: { xAxisKey: xdata, yAxisKey: ydata, }, responsive: false, scales: { y: { display: true, align: "center", color: "black", type: "category", title: { display: true, text: ydata, color: "black", align: "center", font: { weight: "bold", }, }, }, x: { display: true, align: "center", color: "black", type: "category", title: { display: true, text: xdata, color: "black", align: "center", font: { weight: "bold", }, }, }, }, plugins: { title: { display: true, text: `Graph - ${ydata} vs ${xdata}`, color: "black", align: "center", position: "top", // This more specific font property overrides the global property font: { size: 16, weight: "bold", }, }, legend: { display: false, }, }, }, }); };¡Gracias por adelantado!
2 errores, el tipo categórico no existe. Si desea un eje de categorías, debe especificar el tipo como: type:'category' . Además, si desea un eje Y de categoría, debe proporcionar una matriz de etiquetas.
Además, los diagramas de dispersión no muestran ningún dato de categoría de forma predeterminada. Por defecto, los diagramas de dispersión tienen 2 ejes lineales.