HighCharts:将xAise线渲染为yAise线

HighCharts:将xAise线渲染为yAise线,highcharts,Highcharts,我试图将xAise线渲染为yAise线,但我不知道哪个配置属性会显示它?我怎样才能降低海图的高度呢?我在yAxis中尝试了“maxPadding:0”,但没有使用Seccus 要降低高度,您必须在div的CSS中指定它,或者直接如下所示: 您可以对宽度执行相同的操作: 我不知道是否理解您的意思,但您可以设置axis.min和axis.max属性,以便只显示所需数量的条。 Highcharts.chart('container', { chart: { type: 'c

我试图将xAise线渲染为yAise线,但我不知道哪个配置属性会显示它?我怎样才能降低海图的高度呢?我在yAxis中尝试了“maxPadding:0”,但没有使用Seccus


要降低高度,您必须在div的CSS中指定它,或者直接如下所示:

您可以对宽度执行相同的操作:

我不知道是否理解您的意思,但您可以设置axis.min和axis.max属性,以便只显示所需数量的条。
Highcharts.chart('container',
{
    chart: {
        type: 'columnrange',
        inverted: true
    },
    credits: {
        enabled: false
    },
    title: {
        text: null
    },
    subTitle: {
        text: null
    },
    legend: {
        enabled: false,
    },
    plotOptions: {
        series: {
            pointWidth: 30
        }
    },
  xAxis: {
    min: 0,
    max: 3,
    categories: [' ',' ',' ','Woring time'],
    title: {
      text: null
    },
          gridLineWidth: 0      
    },
    yAxis: {
        type: 'datetime',
        title: {
            text: null
        },
        labels: {
            rotation: -45
        },
        tickInterval: 1800000,
        gridLineWidth: 0 
    },
    series: [{
      data: [
            [3, 1483337940000, 1483338000000],
            [3, 1483338300000, 1483339740000],
            [3, 1483340580000, 1483340640000],
            [3, 1483340820000, 1483341000000],
            [3, 1483342860000, 1483342920000],
            [3, 1483346460000, 1483346520000],
            [3, 1483347180000, 1483348440000],
            [3, 1483348620000, 1483348740000],
            [3, 1483350180000, 1483350240000],
            [3, 1483350420000, 1483351380000],
            [3, 1483353300000, 1483353420000],
            [3, 1483355280000, 1483355340000],
            [3, 1483358580000, 1483359780000],
        ]
    }]
 }
);