zoukankan      html  css  js  c++  java
  • 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
                        }]
                    });
                }
            }
    

      

  • 相关阅读:
    C++中的结构体
    C++转换
    C++常见问题解答
    hdu 1491
    hdu 1253
    [恢]hdu 2529
    [恢]hdu 2539
    hdu 1708
    [恢]hdu 2512
    [恢]hdu 2401
  • 原文地址:https://www.cnblogs.com/wwj1992/p/5260980.html
Copyright © 2011-2022 走看看