【问题标题】:Customizing y-axis in Highchart.js (stockchart)在 Highchart.js (stockchart) 中自定义 y 轴
【发布时间】:2016-07-01 20:15:08
【问题描述】:

是否可以自定义我的 highchart 的 y 轴,以便每个系列都从 100% 开始,而不是默认情况下从 0% 开始?

下面是一个更好理解的例子:

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/stock/demo/compare/

这里是显示y轴百分比的js代码:

plotOptions: {
            series: {
                compare: 'percent'
            }
        },

【问题讨论】:

  • 澄清一下,你是想让你的图表显示从 100% 到 0% 的数据(yAxis 从 100% 开始)还是你的数据点都大于/等于 100%?
  • 是的,我的数据点都超过了 100%。频谱从 100% 到 180%
  • 在 yAxis 上将min 的值设置为 100 怎么样?
  • yAxis: { min: 100, labels: { formatter: function () { return (this.value > 0 ? ' + ' : '') + this.value + '%'; } }, },
  • 很遗憾,使用此设置将不再呈现更多系列。

标签: javascript highcharts


【解决方案1】:

要简单地反转 y 轴,您可以使用

 yAxis: {
     reversed: true,
 },

http://www.highcharts.com/stock/demo/yaxis-reversed

如果您尝试显示从 100% 及以上的数据,您可以将最小值设置为 100,如下所示:

 yAxis: {
     min: 100
 },

http://api.highcharts.com/highstock#yAxis.min

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-05-21
    • 1970-01-01
    • 1970-01-01
    • 2020-04-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-07-22
    相关资源
    最近更新 更多