Kendo Column Chart 带有自定义高亮颜色的圆角

Question

如何制作像这样的剑道柱形图圆角边框。我正在使用的代码是这样的。并且还想更改柱形图的悬停颜色

<kendo-chart-series>
            <kendo-chart-series-item
                type="line"
                [field]="'engagement'"
                categoryField="label"
                [style]="'smooth'"
                [data]="chartData.data"
                [color]="chartData.color"
            >
                <kendo-chart-series-item-tooltip format="Avg. Engagements: {0}"></kendo-chart-series-item-tooltip>
            </kendo-chart-series-item>
            <kendo-chart-series-item
                type="column"
                [line]="{ style: 'smooth' }"
                [field]="'posts'"
                [data]="chartData.data"
                [color]="chartData.secondarycolor"
                [border]="borderOptions"
                [highlight]="seriesHighlight"
            >
                <kendo-chart-series-item-tooltip format="Total: {0}"></kendo-chart-series-item-tooltip>
            </kendo-chart-series-item>
        </kendo-chart-series>

Answer 1

您可以尝试使用 Kendo SeriesDefault Charts Api 实现此目的：https://www.telerik.com/kendo-angular-ui/components/charts/api/SeriesDefaults/

类似于此：

<kendo-chart-series-defaults type="column" [highlight]="{ color: #fff }" [border]="{ cornerRadius: 5 }">
</kendo-chart-series-defaults>