Highcharts -对于面积图,yAxis.min始终设置为0

ogq8wdun  于 2023-01-09  发布在  Highcharts
关注(0)|答案(2)|浏览(181)

将Highcharts更新为较新版本(例如9.0.0+/10.3.2)后,面积图的y轴最小值始终设置为0,对于较大的值,图表看起来像没有端点的直线。对于折线图类型,图表看起来正常。
请参见示例-https://stackblitz.com/edit/angular14-standaone-components-highcharts-vwctmh?file=src%2Fapp%2Fapp.component.ts
在面积图版本7.2.2中,根据输入数据自动计算最小值。
这是一个bug吗?我如何设置选项来强制自动计算最小值?

xtupzzrd

xtupzzrd1#

您需要将threshold属性设置为null
来自Highcharts API:

    • 阈值**:编号,空

用作区域基数的Y轴值,用于区分高于和低于阈值的值。图形和阈值之间的区域被填充。

  • 如果给定一个数字,Y轴将缩放到阈值。
  • 如果为null,则缩放行为类似于在图形和Y轴最小值之间填充的线序列。
  • 如果为无穷大或-无穷大,则填充图形和相应Y轴极值之间的区域(自v6.1.0起)。

默认为0。

series: [{
    ...,
    threshold: null
  }]

关于softThreshold的讨论:https://github.com/highcharts/highcharts/issues/15061

ycl3bljg

ycl3bljg2#

Highcharts 7.2.1中带软阈值的面积图将y轴起点作为自动计算值(与折线图相同),但从8.2.2及更高版本开始y轴面积图始终从0开始

Highcharts.chart('container', {
    chart: {
        type: 'area'
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug',
            'Sep', 'Oct', 'Nov', 'Dec']
    },
    series: [{
        softThreshold: true,
        data: [9990, 9150, 10640, 12920, 14400, 17600, 13560, 14850, 21640,19410, 9960, 9440]
    }]   
});

7.2.1示例:https://jsfiddle.net/6v7gd8m0/5/
8.2.2示例:https://jsfiddle.net/b0tz3dfq/
有人知道如何使面积图的y轴从自动计算值开始而不总是从0开始吗?
====================编辑===========================
从8.2.2和更高版本开始,softThreshold的工作原理似乎相反,因此softThreshold设置为false示例:https://jsfiddle.net/0keanhs2/
有人明白为什么在这种情况下,当从版本7切换到版本8时,softThreshold似乎有相反的结果吗?

相关问题