使用Angular 6

Question

我想自定义我的图例，以将当前行为替换为复选框。

但是，在 ChartOptions 中，没有没有更多的legendCallback 函数可以调用以覆盖默认行为，因此也没有Html。似乎合法，因为它在chartjs 2.1版之后进行了更改。 Here是我当前的ChartOptions：

    interface ChartOptions {
            responsive?: boolean;
            responsiveAnimationDuration?: number;
            aspectRatio?: number;
            maintainAspectRatio?: boolean;
            events?: string[];
            onHover?(this: Chart, event: MouseEvent, activeElements: Array<{}>): any;
            onClick?(event?: MouseEvent, activeElements?: Array<{}>): any;
            onResize?(this: Chart, newSize: ChartSize): void;
            title?: ChartTitleOptions;
            legend?: ChartLegendOptions;
            tooltips?: ChartTooltipOptions;
            hover?: ChartHoverOptions;
            animation?: ChartAnimationOptions;
            elements?: ChartElementsOptions;
            layout?: ChartLayoutOptions;
            scales?: ChartScales;
            showLines?: boolean;
            spanGaps?: boolean;
            cutoutPercentage?: number;
            circumference?: number;
            rotation?: number;
            devicePixelRatio?: number;
            // Plugins can require any options
            plugins?: { [pluginId: string]: any };
        }

然后我看到了新的插件功能，以便自定义图表here。但是我不知道如何在图表上使用它。

如果您有任何示例或任何想法，请随时分享！

谢谢。