Tengo algunos datos que se devuelven a través de la vista de Django, estoy tratando de representar los datos en un gráfico circular de Apex.
Así que necesito pasar los datos a JavaScript ya que aquí es donde está la serie de datos.
var pieColors = getChartColorsArray("#pie_chart"), options = { chart: { height: 320, type: "pie" }, series: [44, 55, 41, 17, 15], labels: ["Series 1", "Series 2", "Series 3", "Series 4", "Series 5"], colors: pieColors, legend: { show: !0, position: "bottom", horizontalAlign: "center", verticalAlign: "middle", floating: !1, fontSize: "14px", offsetX: 0 }, responsive: [{ breakpoint: 600, options: { chart: { height: 240 }, legend: { show: !1 } } }] }; (chart = new ApexCharts(document.querySelector("#pie_chart"), options)).render();¿Cómo paso los datos, ya que deben ser dinámicos en el sentido de que los datos en el gráfico circular podrían cambiar en función de otras acciones dentro de la aplicación?
Debería simplemente incrustar el JS en mi plantilla HTML y luego establecer los valores de la serie en
series: [{{ value.1 }}, {{ value.2 }}, ...],
Gracias
Si está utilizando el bloque <script> en su plantilla html, puede pasar datos de contexto
series: [{{value.1}}, {{value.1}}...],o
series: [ {% for value in data %} {{value}}, {% endfor %} ],otra forma es agregar una variable en la plantilla html, luego puede usar 'valores' dentro del archivo script.js
<script> var values = JSON.parse("[{{value.1}}, {{value.2}},]") </script> <script src="{% static 'js/script.js' %}"></script>