New to Kendo UI for VueStart a free 30-day trial

NotePosition

Specifies the position of a note.

jsx
 <template>
  <div>
    <Chart>
      <ChartValueAxis>
        <ChartValueAxisItem :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',
          },
        ],
        position: 'left',
      },
    };
  },
};
</script>

type NotePosition = "top" | "bottom" | "left" | "right";

Not finding the help you need?
Contact Support