【问题标题】:Fixed height/width of bars in highcharts固定高图表中条形的高度/宽度
【发布时间】:2020-08-30 22:03:43
【问题描述】:

我是 highcharts 的新手,我想要实现的是在 highcharts 中固定条形高度/宽度和条形之间的固定间距。要么有 20 条,要么只有 3 条,条的高度/宽度和条之间的间距应保持不变。并且 highchart 本身应该具有固定的高度,f.e. 300 像素。我不确定这是否可行,但这是我想要实现的一个示例:

https://imgur.com/BmyZjvb

https://imgur.com/OMiZZ2R

【问题讨论】:

    标签: highcharts


    【解决方案1】:

    是的,您只需要设置固定轴极值:

        xAxis: {
            min: 0,
            max: 4
        },
        yAxis: {
            min: 0,
            max: 100
        }
    

    现场演示: http://jsfiddle.net/BlackLabel/6m4e8x0y/5011/

    API 参考:

    https://api.highcharts.com/highcharts/xAxis.min

    https://api.highcharts.com/highcharts/xAxis.max

    【讨论】:

    • 就是这样!谢谢!
    【解决方案2】:

    我不知道是否有更好的解决方案,但这是一种解决方案:

    xAxis: {
      categories: ['Apples', 'Oranges', 'Pears', '', '', '']
    },
    series: [
      {
        data: [5, 3, 4, 0, 0, 0]
      }
    ],
    

    http://jsfiddle.net/aabramya/jfdv3z65/7/

    【讨论】: