如何修复highchart中的隐藏dataLabel？

请看看JSFIDDLE。这里，绿色条不显示任何值。我知道加入overflow:"none", crop:false会显示该值。但是它离开了绘图区域，有时对于更大的数字它与标题重叠。我想在栏内获得绿色栏值（仅限）而不是隐藏值。如何修复highchart中的隐藏dataLabel？

来源

2017-08-14 Jeffrin John

你'旋转的组合： -90'，'align：'left''似乎阻碍了默认行为 - 默认行为完全像你问的那样。虽然我没有解决具体问题的方法，但我必须问 - 为什么要旋转标签？使他们更难阅读，并引入了一个不会存在的问题。 FWIW，我建议简单地将标签保持在'0'旋转并一次解决两个问题:) – jlbriggs

认真地我需要这个功能。我在我的项目中启用了图表的数据标签的水平和垂直视图。如果你能找到一种方法来帮助我，那将会非常好。 @jlbriggs –

使用绿色列的真实值设置内部属性。例如：http://jsfiddle.net/d7a49u1L/。 –

对于特定的列（即绿柱）标签值在里面，你可以在数据添加属性inside: true .Refer dataLabels.inside更多信息

series: [{ 
    color: colors[0], 
    showInLegend: false, 
    data: [{ 
    ....//first value 
    , { 
     y: 3500, 
     name: 'Second', 
     color: colors[1], 
     dataLabels: { 
     inside: true //labels will be inside column 
     } 
    },... // third and remaining 
    });

Fiddle示范

来源

2017-08-14 16:59:52

如何修复highchart中的隐藏dataLabel？

回答

相关问题