Question

再次更新 - 现在我添加了yAxis属性，但它没有显示任何内容：

$('#highchart').highcharts({
    chart: {
        type: 'line'
    },
    title: {
        text: 'My Data'
    },
    subtitle: {
        text: 'By Day'
    },
    xAxis: {
        categories: date_arr
    },
    yAxis: [{title: {text: 'PV'}}, 
            {title: {text: 'UPV'}}, 
            {title: {text: 'PPV'},opposite: true}
    ],
    plotOptions: {
        line: {
            dataLabels: {
                enabled: false
            },
            enableMouseTracking: true
        }
    },
    series: [{
        name: 'PV',
        data: pv_arr,
        yAxis:1
    },
    {
      name:'UPV',
      data:upv_arr,
      yAxis:2
    },
    {
      name:'PPV',
      data:ppv_arr,
      yAxis:3
    }
    ]
});

它什么都不会显示 - 几乎没有，甚至不是图表的标题。但是一片空白。

更新 - 现在我正在使用它，但仍然没有工作......

$('#highchart').highcharts({
    chart: {
        type: 'line'
    },
    title: {
        text: 'My Data'
    },
    subtitle: {
        text: 'By Day'
    },
    xAxis: {
        categories: date_arr
    },
    yAxis: [{title: {text: 'PV'}}, 
            {title: {text: 'UPV'}}, 
            {title: {text: 'PPV'},opposite: true}
    ],
    plotOptions: {
        line: {
            dataLabels: {
                enabled: false
            },
            enableMouseTracking: true
        }
    },
    series: [{
        name: 'PV',
        data: pv_arr
    },
    {
      name:'UPV',
      data:upv_arr
    },
    {
      name:'PPV',
      data:ppv_arr
    }
    ]
});

就像这样（新标签已准备就绪，但指标仍然是旧方式）：

- 原帖 -

我正在使用HighCharts为网站访问者显示一些数据

在上图中。蓝色和深蓝色线条非常大，因为它们是页面访问。绿色的是页面视图/唯一页面视图。与访问次数相比，这是一个非常小的数字。如何设置Microsoft Excel可以执行的第二个y轴系统？

顺便说一下，x轴上的日期过于拥挤，无论如何都要让它们自动停留在一条线上？（有时只有7天的数据）

由于

Answer 1

参考此Fiddle，它有三个yAxis来显示三个堆叠系列

对于标签重新发布的问题，您可以使用tickInterval在间隔

之后显示日期

xAxis: {

  tickInterval: 24 * 3600 * 1000// One day (change here whatever you prefer)
 }

如果您的标签彼此折叠，您可以在xAxis中使用staggerLines属性来向下显示备用标签。

Answer 2

您可以定义yAxis数组，然后在每个系列中设置轴的索引。

    yAxis: [{ 
        title: {
            text: 'yAxis 1',
        },
    }, { 
        title: {
            text: 'yAxis 2',
        },
        opposite: true
    }],

实施例： - http://www.highcharts.com/demo/combo-multi-axes

您还可以通过选项alignTicks禁用align ticks。

chart: {
        alignTicks: false
},

如何在HighCharts中的一个图表上设置多个y轴坐标？

2 个答案: