如何覆盖 Highcharts 学分默认设置答案

【问题标题】：How to overwrite Highcharts credits default settings如何覆盖 Highcharts 学分默认设置
【发布时间】：2017-09-27 15:51:02
【问题描述】：

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

请参阅下面的代码：

    <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 显示在图表的右下角，并且不会使用我的新设置进行更新。

我在这里错过了什么？

谢谢。

【问题讨论】：

我在使用 .NET 和 highcharts 时遇到了同样的问题。对我来说，问题是将值从 .NET 发送到 javascript，由于某种原因，除非我直接在 javascript 文件中设置值，否则它将无法工作。也就是说，我复制了您的信用字符串并粘贴到一个随机的fiddle，除了将信用放在图表中间（对齐和垂直对齐到中心）之外，它按预期工作。

标签： python html django highcharts

【解决方案1】：

您有 2 个错误 color 必须在 style 内，verticalAlign 的值是底部、中间和顶部，因此您的学分应该是这样的：

credits: {
    text: 'MyCompanyName',
    href:'mywebsite.com',
    position:{
        align:'center',
        verticalAlign:'middle'
    },
    style:{
        color:'#303030'
    }
}

JSFiddle

【讨论】：