如何覆盖Highcharts信用默认设置

时间:2017-09-27 15:51:02

标签: python html django highcharts

我一直在尝试在Highchart上自定义积分设置但没有成功。我正在研究Django,将数据从Python传递到我的html文件,其中呈现了Highchart对象,除了信用设置之外,一切都有效。

请参阅下面的代码:

    <div id={{ chartID|safe }} class="chart">
    </div>

    <!-- Maps the Python template context variables from views.py to the Highchart js variables -->

    <script>
        var chart_id = "#chart_ID"
        var chart = {{ chart|safe }}
        var title = {{ title|safe }}
        var xAxis = {{ xAxis|safe }}
        var yAxis = {{ yAxis|safe }}
        var series = {{ series|safe }}
    </script>

    <!-- Highchart js. Variable map shown above -->

    <script>
    $(document).ready(function() {
        $(chart_id).highcharts({
            chart: chart,
            title: title,
            xAxis: xAxis,
            yAxis: yAxis,
            series: series,
            plotOptions: {series: {borderColor: '#303030',allowPointSelect: true,cursor: 'pointer'}},
            credits: {text: 'MyCompanyName',href:'mywebsite.com',color:'#303030',position:{align:'center',verticalAlign:'center'}}
            });
          });
    </script>

使用上面的代码,当我运行它时,一切都很好地显示,即使 plotOptions 设置工作......但是信用更新不起作用。积分仍显示默认设置,即 highcharts.com 显示在图表的右下角,并且不会使用我的新设置进行更新。

我在这里缺少什么?

感谢。

1 个答案:

答案 0 :(得分:0)

您有2个错误${my.property}必须在color内,style值在底部,中间和顶部,所以您的信用应该是这样的:

verticalAlign

JSFiddle