New to Kendo UI for VueStart 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";

Not finding the help you need?
Contact Support