Kendo ui 剑道条形图-如何更改第一个网格颜色?

Kendo ui 剑道条形图-如何更改第一个网格颜色?,kendo-ui,kendo-dataviz,Kendo Ui,Kendo Dataviz,在示例中:如何将第一个网格的颜色更改为其他颜色?到目前为止,整个图形的背景色默认为白色。我只想改变网格的颜色,它有X轴和Y轴的两条边 以下是HTML代码: JS代码: function createChart() { $("#chart").kendoChart({ title: { text: "Site Visitors" }, legend: {

在示例中:如何将第一个网格的颜色更改为其他颜色?到目前为止,整个图形的背景色默认为白色。我只想改变网格的颜色,它有X轴和Y轴的两条边

以下是HTML代码:

JS代码:

function createChart() {
        $("#chart").kendoChart({
            title: {
                text: "Site Visitors"
            },
            legend: {
                position: "bottom"
            },
            seriesDefaults: {
                type: "column",
                labels: {
                    visible: true,
                    background: "transparent",

                }
            },
            series: [{
                name: "Total Visits",
                data: series1,
                gap: 1.0,
                spacing: 0
            }, {
                name: "Unique visitors",
                data: series2,
                gap: 1.0
            }],
            valueAxis: {
                min: -200000,
                max: 200000,
                axisCrossingValue: 50000,  
                line: {
                    visible: false
                },
                title: {
                    text: "Availability"
                },

                color: 'blue'
            },
            categoryAxis: {
               color: "blue",
                width: 25,
                majorGridLines: {
                    visible: true,
                    position: "bottom"
                },
                line: {
                    width: 3,
                }
            },
            tooltip: {
                visible: true,
                format: "{0}"
            }
        });
    }

var series1=[56000, 63000, 74000, 91000, 117000, 158000];
var series2= [-52000, 34000, 23000, -98000, 67000, 83000];

    $(document).ready(function () {
        createChart();

        $("#example").bind("kendo:skinChange", createChart);

        var chart = $("#chart").data("kendoChart"),
            firstSeries = chart.options.series;
    });
**编辑** 请检查此处的图像: 只有黑色标记的块必须是灰色的。这能做到吗


谢谢。

因为我没有清楚地了解您的要求,所以我已经更新了图表中的所有颜色

function createChart() {
        $("#chart").kendoChart({
            title: {
                text: "Site Visitors"
            },
            legend: {
                position: "bottom"
            },
            seriesDefaults: {
                type: "column",
                labels: {
                    visible: true,
                    background: "transparent",

                }
            },
            series: [{
                name: "Total Visits",
                data: series1,
                gap: 1.0,
                spacing: 0,
                color: "#FFFF00"
            }, {
                name: "Unique visitors",
                data: series2,
                gap: 1.0,
                 color: "#FF0000"
            }],
            valueAxis: {
                min: -200000,
                max: 200000,
                axisCrossingValue: 50000, 
                majorGridLines: {
                color: "#00FFFF"
                },
                line: {
                    visible: false
                },
                title: {
                    text: "Availability"
                },

                color: 'blue'
            },
            categoryAxis: {
               color: "blue",
                width: 25,
                majorGridLines: {
                    visible: true,
                    position: "bottom",
                    color: "#FF00FF"
                },
                line: {
                    width: 3,
                }
            },
            tooltip: {
                visible: true,
                format: "{0}"
            }
        });
    }

var series1=[56000, 63000, 74000, 91000, 117000, 158000];
var series2= [-52000, 34000, 23000, -98000, 67000, 83000];

    $(document).ready(function () {
        createChart();

        $("#example").bind("kendo:skinChange", createChart);

        var chart = $("#chart").data("kendoChart"),
            firstSeries = chart.options.series;
    });

如果有任何问题,请告诉我。

谢谢您的回答。但这对我没有帮助。我正在寻找如何在整个剑道图中仅将第一个格线/格线涂成灰色?第一个网格表示-第一个块中同时有+ve和-ve条的网格?请检查此处的图像:只有标记为黑色的块必须是灰色的。可以这样做吗?你能在你的问题中添加这个图片吗?由于某种安全原因,我不能打开它。例如:考虑这个例子:整个图表的图表区域设置为灰色。如何将第一个条的背景设置为灰色?