Highcharts:条形图的自定义数据标签。 PlotOptions 中的格式不起作用

标签 highcharts

我正在使用 highcharts 在我的 Rails 应用程序中显示数据。一图胜千言……

enter image description here

基本上我试图让 y 轴标签成为条形图数据标签并与值连接......

因此,对于第一个条形图,数据标签将是“特发性肺纤维化 37”

图表正在传递一个变量“data”,它是您可以在控制台中看到的对象数组(总共 5 个对象,包括属性、计数、名称和 y)。

我的绘图选项设置是这样的:

      plotOptions: {
            series: {
                dataLabels: {
                    format: '{x}',
                    enabled: true,
                    align: 'right',
                    color: '#294469',
                    shadow: false,
                    x: -25,
                    style: {"fontSize": "10px", "textShadow": "0px" }
                },
                pointPadding: 0.1,
                groupPadding: 0
            }
        },

我可以用“{y}”替换格式,这给了我值,但我无法获取其中的字符串。有什么想法......

最佳答案

您需要对数据标签使用格式化函数。

dataLabels:{
 enabled: true,
 formatter: function ()  {      
  return this.x  +"  "+ this.y;
          }
       }

参见Demo here

关于Highcharts:条形图的自定义数据标签。 PlotOptions 中的格式不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33842086/

相关文章:

highcharts - 数据按用户分组为每周、每月

javascript - 如何在 HighCharts 中给点上色

javascript - 如何将数字 23.0 转换为数字 23.00?

javascript - 我如何强制 Highcharts 在 Legend 和 Series 中使用相同的符号?

javascript - 使用 HighCharts 时增加容器相对于 HTML 内部图表的大小

javascript - highchart 无法添加系列

javascript - Highcharts 不从 html 表中呈现标签

javascript - HighCharts:动态调整散点图标记的大小

javascript - 如何在 Highchart JS 中获得阴影效果?

javascript - 使用 renderTo 在图表上使用 Chart.update