HighCharts条形图:悬停鼠标时显示条形值

时间:2015-11-04 09:55:27

标签: javascript highcharts jsfiddle

我有一个像这个JSFiddle上的条形图:

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-stacked/

(ArrayList<Doctor>)

我希望只有当鼠标悬停在每个条形图上时,我才能看到每个条形图的值。例如,将鼠标放在Apple栏的绿色部分上会显示3,将鼠标放在Grapes'栏的蓝色部分上会显示7.我怎么能这样做?

1 个答案:

答案 0 :(得分:1)

代码:

plotOptions: {
            column: {
                stacking: 'normal',
                dataLabels: {
                    enabled: false,//make false here
                    color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
                    style: {
                        textShadow: '0 0 3px black'
                    }
                }
            }
        },

fiddle here