chart.js编译时出错对象文字中的预期方法速记('{label(){...}}'

时间:2018-01-31 08:53:28

标签: typescript callback chart.js

我试图自定义chart.js工具提示的标签 通过添加标签回调

this.options = {
        tooltips: {
            callbacks: {
                label: function(tooltipItem, dataChartTemperature) {
                    return 'reliability=' + dataChartTemperature.datasets[4].data[tooltipItem.index];
                }
            }
        },
        scales: {
            yAxes: [{
                id: 'A',
                type: 'linear',
                position: 'left',
            }, {
                id: 'B',
                type: 'linear',
                position: 'right',
            }]
        }
};

编译结果出现以下错误

  

INFO]错误:webapp / app / entities / bc-qualified-hourly-sample-my-suffix / bc-qualified-hourly-sample-my-suffix.component.ts [323,21]:预期的方法简写object literal('{label(){...}}')。

我不知道,如何解决它。如果我删除了工具提示回调,程序编译得很好。

有什么想法吗? 感谢

1 个答案:

答案 0 :(得分:2)

我认为你有一个TSLint错误,而不是TypeScript错误。

它希望你改变:

 label: function(tooltipItem, dataChartTemperature) {

要:

 label: (tooltipItem, dataChartTemperature) => {

这只会影响你,如果有一些范围内的项目可能会因更改上下文而丢失,但我猜TSLint hearts 箭头功能。

这是我认为你正在触发的TSLint object-shorthand rule,以及如果你想改变它的方法。