HighCharts:显示图例标题下方的总值

时间:2017-03-30 15:14:05

标签: highcharts angular2-highcharts

我可以在angular2-highcharts中显示图例和图例标题。 我打算在图例标题下面显示总数(这里是城市下方),但无法找到方法。 此外,我不确定为什么%与图例值中的值一起显示。

我的标签格式化程序是:

msbuild EntryPoint.proj /t:EntryPointTarget

https://plnkr.co/edit/yzXLz7AIDoWa1Pzxxl4k?p=preview

1 个答案:

答案 0 :(得分:0)

每个饼图系列点都有该系列的总计,因此您可以更新图表的加载事件上的图例以包含该系列的总数。

演示:https://plnkr.co/edit/6JW1KmYE1Lr4pAIWCJTm?p=preview

模板为:

template: `
    <chart  [options]="options" (load)="onLoad($event)">
    </chart>
`

class AppComponent

    onLoad (e) {
                var chart = e.context,
                    total = chart.series[0].points[0].total;
                chart.update({
                    legend: {
                        title: {
                            text: 'City<br/><span style="font-size: 9px; color: #666; font-weight: normal">(Total: ' + total + ')</span>' 
                        }
                    }
                })
              };