不同的边界半径

Question

我在 Ionic 3 应用程序上使用 Highcharts JS，使用 this npm package。

我想在我的条形图上有不同的边框半径，我找到了this plugin。我想在我的包中使用 Ionic 中的这个插件，但我找不到使用它的解决方案。

你有解决办法吗？如果需要，我可以更改边框半径的插件

Answer 1

您需要在组件中导入 js 文件并将 Highcharts 传递给它，如下所示：

import * as Highcharts from 'highcharts';
import rounded from '../plugins/rounded-corner.js';
rounded(Highcharts)

plotOptions: {
        series: {
            borderRadiusTopLeft: '50%',
            borderRadiusTopRight: '50%'
        }
    }

Stacblitz 演示在这里：https://stackblitz.com/edit/angular-u1dlv9