2012-05-22 126 views
2

我对HighCharts比较陌生,我想要有两个Y轴,其中数据总是用左手(主)Y轴表示,但有一个常数函数,您可以将数据转换为右侧(二级)Y轴上的项。HighCharts多个Y轴

举个例子来说,http://jsfiddle.net/M2EVb/

这是一个恒定的知名函数从华氏温度转换为摄氏温度。尽管我已经指定主Y轴的范围从32到212,刻度间隔为18,辅助Y轴的范围从0到100,刻度间隔为10,但两个轴不对齐正确;可能是由于“cels”数据。但重点是我想让“cels”数据只是另一组华氏温度,右边的Y轴数值是各自华氏值的摄氏“平移”,并且总是显示出来。

回答

2

使用标签的格式化功能在y轴的配置来转换Y轴蜱是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 
    }]