HighCharts多个Y轴

时间:2012-05-22 16:44:28

标签: highcharts

我对HighCharts比较陌生,我想有两个Y轴,数据总是用左手(主)Y轴表示,但是有一个恒定的功能,你可以将数据转换为右手(辅助)Y轴上的术语。

例如,http://jsfiddle.net/M2EVb/

从华氏温度转换为摄氏温度,这是一个众所周知的功能。即使我已将主Y轴指定为32到212,勾选间隔为18,辅助Y轴的范围为0到100,勾选间隔为10,但两个轴不对齐正确;可能是由于“cels”数据。但重点是我希望“cels”数据只是华氏温度的另一组,并且右手Y轴值是其各自华氏温度值的正确摄氏度“翻译”,并且总是显示出来

1 个答案:

答案 0 :(得分:2)

使用yAxis配置中的标签格式化功能将yAxis刻度从F转换为C,如下所示:

yAxis: [{
        title: {
            text: 'Temperature (C)'
        },
        labels: {
              formatter: function() {
                    return YourConversionFunction(this.value) +' C';
              }
        }
}]

确保使用相同的数据集(F数据)定义系列:

series: [{
        type: 'area',
        name: 'Temp (F)',
        data: Far_TempData,
        yAxis: 0,
        xAxis: 0
    }, {
        type: 'area',
        name: 'Temp (C)',
        data: Far_TempData,
        yAxis: 1,
        xAxis: 0,
        lineWidth:0,
        fillOpacity: 0.01,
        visible:true
    }]
相关问题