Highcharts折线图只有x轴

我最近改用了Highcharts，以便与IE8兼容，并且由于简单性而更新过去的项目，但是我遇到了一个小小的障碍。Highcharts折线图只有x轴

在一个项目中，剩下的最后一个SVG元素是没有任何伴随图表的单个x轴（见下文）。是否可以在没有任何伴随系列或y轴的情况下仅显示Highcharts中的x轴？或者，如果没有，是否有办法将这种类型的设计创建为DIV？

SVG x-axis

来源

2015-02-10 hotshotiguana

是的，你可以只显示x轴。请勿添加任何系列，但请设置xAxis.min和xAxis.max。演示：http://jsfiddle.net/m4r1qttL/6/

现在只需禁用冠军，传奇等

来源

2015-02-11 15:28:59

这工作得很好 - https://jsfiddle.net/m4r1qttL/6/。但我似乎无法隐藏图表中央的“无数据显示”文本，有没有隐藏该选项的选项？我将它包含在我的自定义构建中，因为我需要将其用于其他图表。 – hotshotiguana 2015-02-11 20:49:16

想象出来 - noData：{ style：{display：'none'} } – hotshotiguana 2015-02-11 21:07:37

只需添加

yAxis: { 
    ... 
    lineWidth: 0, 
    minorGridLineWidth: 0, 
    lineColor: 'transparent', 
    ...   
    labels: { 
     enabled: false 
    }, 
    minorTickLength: 0, 
    tickLength: 0 
}

到轴定义

来源

2015-02-10 20:38:43 void

Highcharts折线图只有x轴

回答

相关问题