Question

我正在使用django 1.6＆amp; python2.7

我正在尝试使用chartit，但没有显示。

我将chartit添加到settings.py

中的install_apps

我尽可能地愚弄我的代码，仍然没有加载

urls.py

url(r"^chart/$", "carriermgr.views.ChartLs"),

Views.py

def ChartLs(request, template_name='carrier/carrierchart.html'):
    thedata = \
    DataPool(
            series=
            [{'options': {
                    'source': CarrierSnapshot.objects.all()},
            'terms': [
                    'dbaname',
                    'VServiceUS',
                    'VSvcPercUS']}
             ])

    cht = Chart(
            datasource = thedata,
            series_options =
                    [{'options':{
                            'type': 'column',
                            'stacking': False},
                    'terms':{
                            'dbaname': [
                                    'VServiceUS',
                                    'VSvcPercUS']
                    }}],
            chart_options =
                    {'title': {
                            'text': 'Out of Service compared to National Average'},
                    'xAxis': {
                            'title': {
                                    'text': 'carrier'}}})
    return render_to_response(template_name, {'NATAVGchart':cht})

carrierchart.html

<html>
 <head>
<script src ="http://code.highcharts.com/highcharts.js"></script>
<script src ="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
{% load chartit %}
{{ NATAVGchart|load_charts:"container"}}
</head>
<body>
<div id=”container”>
</div>
</body>
</html>

在Inspect Element期间，我可以看到从视图中加载的正确数据。所以我假设它正在访问模型。

检查元素

页面加载时没有错误。 Jquery，Highchart和Chartloader都在加载。

<script type="text/javascript">
var _chartit_hco_array = [{"series": [{"stacking": false, "data": [0, 136], "type": "line", "name":     "Vserviceus"}, {"stacking": false, "data": [0.00, 6.00], "type": "line", "name": "Vsvcpercus"}], "yAxis":     [{"title": {"text": "Vserviceus & Vsvcpercus"}}], "chart": {"renderTo": "container"}, "xAxis": [{"categories":     ["carrier1", " carrier2"], "title": {"text": "carrier"}}], "title": {"text": "National Average"}}];
</script>

任何指导赞赏！感谢

Answer 1

您必须将id div中的引号更改为“”。您复制并粘贴了这就是为什么您从Word中获得这些标记的原因。

Django Chartit没有显示

1 个答案: