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

NotePosition

Union

NotePosition

type

Specifies the position of a note.

The possible values are:

"top"—Positions the note at the top of the axis.
"bottom"—Positions the note at the bottom of the axis.
"left"—Positions the note at the left of the axis.
"right"—Positions the note at the right of the axis.

Possible values:

"top"
"bottom"
"left"
"right"

Example:

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>