放置在柱子内部的数据标签 | JShare

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: '放置在柱子内部的数据标签'
        },
        xAxis: {
            categories: ['苹果', '橘子', '梨', '葡萄', '香蕉']
        },
        credits: {
            enabled: true
        },
        plotOptions: {
            column: {
                // 关于柱状图数据标签的详细配置参考：https://api.hcharts.cn/highcharts#plotOptions.column.dataLabels
                dataLabels: {
                    enabled: true,
                    // verticalAlign: 'top', // 竖直对齐方式，默认是 center
                    inside: true
                }
            }
        },
        series: [{
            name: '小张',
            data: [5, 3, 4, 7, 2]
        }, {
            name: '小彭',
            data: [2, -2, -3, 2, 1]
        }, {
            name: '小潘',
            data: [3, 4, 4, -2, 5]
        }]
    });
});

<div id="container" style="min-width:400px;height:400px"></div>

{"doctype":0,"resouces":"1,3,7,https://code.hcharts.cn/plugins/zh_cn.js","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":0}}","meta":""}

放置在柱子内部的数据标签 | JShare

模板（查看所有模板）