axisDefaults.majorTicksObject
The configuration of the axis major ticks.
Example - configure the axisDefaults majorTicks
<div id="chart"></div>
<script>
$("#chart").kendoChart({
axisDefaults: {
majorTicks: {
color: "green",
size: 8,
width: 2
}
},
series: [
{ data: [1, 2, 3] }
]
});
</script>axisDefaults.majorTicks.colorString(default: "black")
The color of the axis major ticks lines. Accepts a valid CSS color string, including hex and rgb.
Example - set the axisDefaults majorTicks color
<div id="chart"></div>
<script>
$("#chart").kendoChart({
axisDefaults: {
majorTicks: {
color: "red"
}
},
series: [
{ data: [1, 2, 3] }
]
});
</script>axisDefaults.majorTicks.sizeNumber(default: 4)
The length of the tick line in pixels.
Example - set the axisDefaults majorTicks size
<div id="chart"></div>
<script>
$("#chart").kendoChart({
axisDefaults: {
majorTicks: {
size: 10
}
},
series: [
{ data: [1, 2, 3] }
]
});
</script>axisDefaults.majorTicks.visibleBoolean(default: true)
If set to true the chart will display the axis major ticks. By default the axis major ticks are visible.
Example - set the axisDefaults majorTicks visible
<div id="chart"></div>
<script>
$("#chart").kendoChart({
axisDefaults: {
majorTicks: {
visible: false
}
},
series: [
{ data: [1, 2, 3] }
]
});
</script>axisDefaults.majorTicks.widthNumber(default: 1)
The width of the major ticks in pixels.
Example - set the axisDefaults majorTicks width
<div id="chart"></div>
<script>
$("#chart").kendoChart({
axisDefaults: {
majorTicks: {
width: 3
}
},
series: [
{ data: [1, 2, 3] }
]
});
</script>axisDefaults.majorTicks.stepNumber(default: 1)
The step of the axis major ticks.
Example - set the axisDefaults majorTicks step
<div id="chart"></div>
<script>
$("#chart").kendoChart({
axisDefaults: {
majorTicks: {
step: 2
}
},
series: [
{ data: [1, 2, 3] }
]
});
</script>axisDefaults.majorTicks.skipNumber(default: 0)
The skip of the axis major ticks.
Example - set the axisDefaults majorTicks skip
<div id="chart"></div>
<script>
$("#chart").kendoChart({
axisDefaults: {
majorTicks: {
skip: 1
}
},
series: [
{ data: [1, 2, 3] }
]
});
</script>In this article