New to Kendo UI for jQuery? Start a free 30-day trial

Legend.inactiveItems.markers

configuration

Configures the legend markers.

legend.inactiveItems.markers

Object

<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
    legend: {
        inactiveItems: {
            markers: {
                color: "lightgray"
            }
        }
    },
    series: [{
        type: "line",
        data: [
            { date: new Date(2023, 0, 1), value: 10 },
            { date: new Date(2023, 0, 2), value: 20 },
            { date: new Date(2023, 0, 3), value: 15 }
        ],
    }]
});
</script>

legend.inactiveItems.markers.color

String

The color of the markers. Any valid CSS color string will work here, including hex and rgb.

<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
    legend: {
        inactiveItems: {
            markers: {
                color: "#aaaaaa"
            }
        }
    },
    series: [{
        type: "line",
        data: [
            { date: new Date(2023, 0, 1), value: 10 },
            { date: new Date(2023, 0, 2), value: 20 },
            { date: new Date(2023, 0, 3), value: 15 }
        ],
    }]
});
</script>