highchairts柱状图显示数值并且带单位

highchairts柱状图显示数值并且带单位

$(target).highcharts({
                    chart: {
                        type: 'bar'
                    },
                    colors: [
                        "#1ab394"
                    ],
                    title: {
                        text: title
                    },
                    legend: {
                        enabled: false
                    },
                    exporting: {
                        enabled: false
                    },
                    credits: {
                        enabled: false
                    },
                    xAxis: {
                        categories: categories
                    },
                    yAxis: {
                        min: 0,
                        title: {
                            text: label + "(" + unit + ")"
                        }
                    },
                    tooltip: {
                        shared: true,
                    },
                    plotOptions: {
                        series: {
                            dataLabels: {
                                enabled: true,      //设置柱状图显示数值

                                formatter: function () {
                                    return this.point.y + '%';  // 设置柱状图显示数值并且带单位
                                },
                            },
                        }
                    },
                    series: [{
                        name: label,
                        tooltip: {
                            valueSuffix: unit
                        },
                        data: data
                    }]
                });
            }
        }

　　

posted on 2016-03-10 10:52  夜、微凉 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/wwj1992/p/5260980.html