Highcharts多个x轴没有多个系列?

时间:2013-11-22 01:14:00

标签: javascript highcharts axes multiple-axes

这个小提琴使用多个系列并为每个系列显示一个轴。是否可以使用单个系列制作多个轴? http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/combo-multi-axes/

xAxis:[{
        categories:setup.x_mixed,
        maxZoom:5,
        minPadding: 0.2,
        labels:{
          "enabled":setup.categories_label,
          "y":1,
          "style":{
            "fontSize":13,
            "color":"#999",
            fontFamily:"'helvetica neue',helvetica",
            whiteSpace:"nowrap",
            textOverflow:"clip",
            width:"100%",
            marginTop:legendSpacing
          },
          formatter:function () {
            return this.value.split("|")[0]
          }
        },
        lineColor:"rgba(255,255,255,0)",
        tickWidth:0,
        offset:0
      }, { // Secondary yAxis
        categories:setup.x_mixed,
        maxZoom:5,
        minPadding: 0.2,
        labels:{
          "enabled":setup.categories_label,
          "y":16,
          "style":{
            "fontSize":13,
            "color":"#999",
            fontFamily:"'helvetica neue',helvetica",
            whiteSpace:"nowrap",
            textOverflow:"clip",
            width:"100%",
            marginTop:legendSpacing
          },
          formatter:function () {
            return this.value.split("|")[1]
          }
        },
        lineColor:"rgba(255,255,255,0)",
        tickWidth:0,
        offset:0

        }],

2 个答案:

答案 0 :(得分:4)

您还可以在额外轴http://api.highcharts.com/highcharts#yAxis.linkedTo

上使用linkedTo paramtetr

答案 1 :(得分:2)

非常简单,

声明2 xAx与你在示例中提到的yAxis相同,其中一个是 opposite:true

由于您只有一个系列设置,第二个轴与使用getExtremes()和setExtremes()的第一个轴极端相同,如此虚构所示http://jsfiddle.net/W43Zb/

希望这会对你有所帮助