角7-高度图标题不变

Question

我的角组件中有一个Highchart，如下所示：

highcharts = Highcharts;

    pieChartOptions = {
      chart: {
        type: "pie",
        title: {
          enabled: true,
          text: 'TRPs by Daypart',
          verticalAlign: 'top',
          align: 'left'
      },
     },
        xAxis: {
          title: {
            text: this.xAxis.name
          }
        },
        yAxis: {
          title: {
              text: "Reach"
          }
        },
        series: [
          {
            name: this.xAxis.name,
            data: this.xAxis.data
          }
        ]
     };

然后在我的.html中：

<highcharts-chart
 [Highcharts] = "highcharts"
 [options] = "pieChartOptions"
 style="width: 100%; height: 400px; display: block;">
</highcharts-chart>

这里的问题是标题文本没有改变，我只看到“图表标题”，而不是我在组件上定义的标题文本。我遗漏了什么吗？

还有:有什么方法可以删除右下角的highcharts.com文本吗？

​

​

Answer 1

如果您将title放到了错误的级别，那么它应该在chart之外

pieChartOptions = {
  chart: { ... },
  title: { text: 'TRPs by Daypart', ... },
}

关于删除highcharts.com，您可以通过修改credits选项来删除它：

pieChartOptions = {
  chart: { ... },
  credits: {
      enabled: false
  }
}

我建议您检查整个文档的高级图表API。

Answer 2

当我尝试像这样放置标题选项(与图表选项相同的级别)时，标题出现了：

highcharts = Highcharts;

    pieChartOptions = {
      chart: {
        type: "pie"
     },
     title: {
          enabled: true,
          text: 'TRPs by Daypart',
          verticalAlign: 'top',
          align: 'left'
      },
...