只有 x 轴的 Highcharts 折线图

Question

我最近切换到 Highcharts，以便与 IE8 轻松兼容，并且因为简单而一直在更新过去的项目，但我运行遇到了一个小障碍。

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

Answer 1

只需添加

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

到轴定义

Answer 2

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

现在只需禁用标题、图例等

只有 x 轴的 Highcharts 折线图

Highcharts Line Chart with Only x-axis

javascript

jquery

svg

charts

highcharts