如何更改Kendo条形图/折线图的路径填充颜色？

Question

点击此处查看演示-https://dojo.telerik.com/@rikinshah/EQiMupoG

我在页眉和页脚中的图标按钮中有很多导航元素。他们都使用svg> path元素。 我想更改除Kendo Chart之外的所有路径元素的颜色，Kendo Chart也包含路径元素。

在CSS中，我使用它使所有颜色都相同：

path {
    fill: #4b4c4c
}

但这也会改变剑道图表背景的颜色。

我尝试使用：not选择器作为div ID来填充剑道的路径，并且也尝试了

chartArea: {
                background: "#4b4c4c",
            }, 
path: {
fill: "#4b4c4c"},
fill: {
color: "4b4c4c"}

没有一个更改剑道图中svg元素的路径。

<div id="kendoChart" class="demo-section k-content wide" style="margin-left: -3px;">
<div id="chart"></div>
</div>


      function createChart() {
                $("#chart").kendoChart({
                    theme: "flat",
                    chartArea: {
                        background: "transparent",
                    },
                    legendItemClick: function (e) {
                        e.preventDefault();
                    },
                    seriesDefaults: {
                        type: "column",
                        width: 90,
                        gap: 1,
                    },
                    legend: {
                        position: "bottom",
                        spacing: 15,
                        labels: {
                            font: "12px sans-serif",
                            color: "#7F7F7F"
                        },
                    },
                    series: [{
                        data: [parseFloat(($('#room-revenue1').text()).replace(/,/g, "")),
                            parseFloat(($('#room-revenue2').text()).replace(/,/g, "")),
                            parseFloat(($('#room-revenue3').text()).replace(/,/g, "")),
                            parseFloat(($('#room-revenue4').text()).replace(/,/g, "")),
                            parseFloat(($('#room-revenue5').text()).replace(/,/g, "")),
                            parseFloat(($('#room-revenue6').text()).replace(/,/g, "")),
                            parseFloat(($('#room-revenue7').text()).replace(/,/g, "")), ],
                        name: "Room Revenue",
                        color: "#4472c3",
                        width: 500,
                        tooltip: {
                            visible: true,
                            template: "#= series.name #: #= kendo.format('{0:C2}',value) #",
                            font: "12px sans-serif",
                        },
                    }, {
                        type: "line",
                        data: [$('#rooms-sold1').text(),
                            $('#rooms-sold2').text(),
                            $('#rooms-sold3').text(),
                            $('#rooms-sold4').text(),
                            $('#rooms-sold5').text(),
                            $('#rooms-sold6').text(),
                            $('#rooms-sold7').text()],
                        name: "Room Sold",
                        color: "#12ccbe",
                        axis: "Rooms Sold",
                        width: 2,
                        markers: { visible: true },
                        tooltip: {
                            visible: true,
                            template: "#= series.name #: #= value #",
                            font: "12px sans-serif",
                        },
                    }],
                    render: function (e) {
                        var el = e.sender.element;
                        el.find("text:contains(Room Revenue)")
                            .parent()
                            .prev("path")
                            .attr("stroke-width", 3);
                        el.find("text:contains(Room Sold)")
                            .parent()
                            .prev("path")
                            .attr("stroke-width", 0);
                    },
                    valueAxes: [
                        {
                            visible: false,
                            majorGridLines: {
                                visible: true,
                                width: 0.5,
                                dashType: "solid",
                                color: "#ededed"
                            }
                        },
                        {
                            name: "Rooms Sold",
                            color: "#4e4141",
                            visible: false,
                            line: { visible: false },
                            majorGridLines: {
                                visible: false
                            },
                        }],
                    categoryAxis: {
                        categories: [($('#date1').text()).substring(0, 3),
                        ($('#date2').text()).substring(0, 3),
                        ($('#date3').text()).substring(0, 3),
                        ($('#date4').text()).substring(0, 3),
                        ($('#date5').text()).substring(0, 3),
                        ($('#date6').text()).substring(0, 3),
                        ($('#date7').text()).substring(0, 3)],
                        labels: {
                            font: "12px sans-serif",
                            color: "#7F7F7F"
                        },
                        majorGridLines: {
                            visible: false,
                        },
                    },
                });
            }

            $(document).ready(createChart);
            $(document).bind("kendo:skinChange", createChart(), 400);

我想保持剑道图表背景颜色/路径填充颜色不变。