如何在每个栏的顶部显示值|高图| Vue-chartkick |多维数据集Js

Question

我正在使用Vue chartkick和highcharts可视化柱形图。我想在每个列栏的顶部显示该值。帮我完成它。

https://imgur.com/ehIQJAd

上面的链接是我的输出的图像。

<template>
    <column-chart lable="value" :min="0" :refresh="60" height="400px" 
     xtitle="City" :data="series" :plotOptions="values"></column-chart>
<template>

下面的代码是我的脚本。我正在使用Vue.js

<script>
   data(){
        return{
            values: {
                borderWidth: 10,
                dataLabels: {
                    enabled: true
                }
            }
        }
    },
</script> 

我的期望如下

https://imgur.com/cGIi6Ul

Answer 1

尝试添加

label =“ Value”

到您的柱状图，

即

<column-chart :min="0" :refresh="60" height="400px" xtitle="City" 
:data="series" label="Value"></column-chart>