Question

我正在尝试绘制一个combination chart，其中两个系列用条形图表示。每个人都有自己的x轴，在顶部和底部。在我的例子中，我有一个零值。问题是，具有零值的系列的x轴是暂存的（示例中为底部x轴）。我不知道为什么。如果我将系列修改为非零值，则xaxis标签是完美的。

  $(function () {
  $('#container').highcharts({
    "colors": ["#00bdbd","#666666"],
    "legend": {
      "align": "center",
      "verticalAlign": "top",
      "x": 0,
      "y": 10,
      "borderWidth": 0
    },
    "xAxis": {
      "labels": {
        "rotation": 0,
        "align": "right",
        "staggerLines": 1,
        "y": 4
      },
      "title": {
        "style": {
          "color": "#757477"
        }
      },
      "categories": ["Asturias","Cantabria"],
      "lineWidth": 0,
      "tickLength": 0
    },
    "yAxis": [{
      "title": {
        "text": "Tourists",
        "style": {
          "color": "#666666"
        }
      },
      "min": 0
    },
    {
      "title": {
        "text": "Tourists",
        "style": {
          "color": "#666666"
        }
      },
      "min": 0,
      "opposite": true
    }],
    "series": [{
      "name": "Zero",
      "type": "bar",
      "data": [0,0],
      "yAxis": 0,
      "stack": 0,
      "zIndex": 0,
      "animation": true
    },
    {
      "name": "Visits",
      "type": "bar",
      "data": [8000,3000],
      "yAxis": 1,
      "stack": 1,
      "zIndex": 0,
      "animation": true
    }]
  });
});

在此highcharts example中，您可以看到问题。

谢谢。

Answer 1

您可以将staggerLines参数设置为1。

labels:{
     staggerLines:1
},

示例：http://jsfiddle.net/2wusojab/1/

xaxis的分阶段标签，零值

1 个答案: