使用Django应用程序的JSON数据填充Highcharts饼图

Question

HighCharts饼图在加载后显示一个空图。enter image description here

这是我的views.py

@login_required
def update_appscan(request, proj_value='proj', ver_value=v.get_version()):
    graph_data = c.get_appscan_graph(proj_value, ver_value)
    return render(request, 'jinja2/appscan/appscan.html', 'dataset' : graph_data)

在graph_data中，我的数据是这样的。

{'category'：['High'，'Medium'，'Low']，'issues：[0，4，8]}] >>

我想将饼图中的数据分别按其值分类为高，中，低。

以及appscan.html

<script>
    Highcharts.chart('container', {
        chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false,
            type: 'pie'
        },
        title: {
            text: 'Appscan Vulnerabilities, 2020'
        },
        tooltip: {
            pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
        },
        accessibility: {
            point: {
                valueSuffix: '%'
            }
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true
                },
                showInLegend: true
            }
        },
        series: [{
            name: 'counts',
            colorByPoint: true,
            data: [
                    {% for item in dataset %}
                            { name: {{ item.category }}, y: {{ item.issues }} },
                    {% endfor %}
                  ]
        }]
    });

    </script>
请让我知道为填充饼形图应该进行哪些更改。在此先感谢。

HighCharts饼图在加载后显示一个空图表。在此处输入图像描述。这是我的views.py @login_required def update_appscan（request，proj_value ='proj'，ver_value = v.get_version（...

Answer 1

我认为您可以在模型上进行选择，如果您还没有这样做的话。我在想这样的事情，因为我不知道“问题”字段是您的“分类”或字段本身的价值。