New to Kendo UI for Vue? Start a free 30-day trial
NoteLabelPosition
The position of a note label.
jsx
<template>
<div>
<Chart>
<ChartValueAxis>
<ChartValueAxisItem :max="5" :notes="valueNotes" />
</ChartValueAxis>
</Chart>
</div>
</template>
<script>
import {
Chart,
ChartValueAxis,
ChartValueAxisItem,
} from '@progress/kendo-vue-charts';
export default {
components: {
Chart,
ChartValueAxis,
ChartValueAxisItem,
},
data: function () {
return {
valueNotes: {
data: [
{
value: 4,
text: 'Max',
},
{
value: 1,
text: 'Min',
},
],
label: {
position: 'outside',
content: (args) => args.dataItem.text,
},
},
};
},
};
</script>
type
NoteLabelPosition = "inside" | "outside";