Javascript 使用django chartit时如何将图表放在中间？

我想把图表放在网络的中心。但我发现无论我做什么，图表都会停留在网页的左侧。这是我的密码：

models.py

class User_Data(models.Model):
    user = models.CharField(max_length=20)
    word = models.CharField(max_length=255)
    click_times = models.IntegerField(default=0)

    class Meta:
        ordering = ('user',)

    def __unicode__(self):
        return unicode(self.user)

py的代码如下。我只是沿着这条路线走，我真的得到了图表

def userdata_chart_view(request):

    userdata = \
        DataPool(
            series=
            [{'options': {
                'source': User_Data.objects.filter(user=request.user.username)},
                'terms': [
                    'user',
                    'word',
                    'click_times']}
            ])

    cht = Chart(
        datasource= userdata,
        series_options =
            [{'options':{
                'type': 'column',
                'stacking': False},
            'terms':{
                'word': [
                    'click_times']},
            }],
        chart_options=
        {'title': {'text': '搜索频率'},
         'xAxis': {'title': {'text': '词条'}},
         'yAxis': {'title': {'text': '频率'}},
         }
    )

    content1 = {'user_data_chart': cht}
    return render(request, 'yigu/charts.html', content1)

这是charts.html

{% extends 'yigu/base_charts.html' %}

{% block body_block %}
<br />
<div class="container">
  <div class="row">
    <div class="col-md-4">
      <div id="charts" style="width:450px">
      </div>
    </div>
  </div>
</div>
{% endblock %}

{%extensed'yigu/base_charts.html%}
{%block body_block%}


{%endblock%}

我不知道如何找出中心问题，尽管我已经通过谷歌搜索了解决方案。有人能帮我吗？

有12匹。您只定义了4个col

<div class="container">
  <div class="row">
    <div class="col-md-4"></div>
    <div class="col-md-4">
      <div id="charts" style="width:450px">
          &nbsp;
      </div>
    </div>
    <div class="col-md-4"></div>
  </div>
</div>

---

看起来您正在使用引导，这可能会有所帮助：