【问题标题】:How to add extra tears(ticks) in highcharts?如何在 highcharts 中添加额外的眼泪(刻度)?
【发布时间】:2017-08-14 16:40:18
【问题描述】:
HIGH CHARTS

除了this的问题,我想在这个帖子里问另一个问题。

如何添加额外的眼泪(刻度),以这种方式,绿色条数据标签确实留在绘图区域内,而不是离开绘图区域或隐藏。 JSFIDDLE

【问题讨论】:

  • 我不明白如何添加额外的眼泪(滴答声)
  • 这不是正确的方法,但仍然有效。设置推车高度。检查jsfiddle.net/qr9xrLdj
  • 查看了您的更新。我无法更改图表的高度。我正在动态生成值,并且它不断变化。我不能每次都改变高度。如果你能建议我任何其他的想法吗? @Deep3015

标签: highcharts highcharts-ng


【解决方案1】:

有很多方法可以做到这一点。但最快的方法是使用 yAxis.max 为 yAxis 添加最大值。

yAxis: {
        allowDecimals: false,
        max: 6000
    },

下面是工作示例:jsFiddle

你可以像这样使用yAxis.tickAmountyAxis.tickInterval的组合;

yAxis: {
        allowDecimals: false,
        tickAmount: 10,
        tickInterval: 1000
    },

下面是工作示例:jsFiddle

【讨论】:

    【解决方案2】:

    除了设置新的 max 属性或尝试不同的刻度组合之外,您可以简单地将 overflow 属性设置为“none”值并将crop 设置为 false。这样您就可以在绘图区域之外显示数据标签。

    API 参考:
    http://api.highcharts.com/highcharts/plotOptions.series.dataLabels.overflow
    http://api.highcharts.com/highcharts/plotOptions.series.dataLabels.crop

    示例:
    http://jsfiddle.net/2qtpx0rL/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-04-03
      • 1970-01-01
      • 1970-01-01
      • 2020-10-01
      • 1970-01-01
      相关资源
      最近更新 更多