Highcharts 高轴不可缩放
我可以看到2个y轴,但如何缩放第二个y轴?我必须把代码放在哪里?我使用json.php从数据库中获取数据,我不包括它,因为我确信我得到了结果……正如我所说,我可以看到行Highcharts 高轴不可缩放,highcharts,Highcharts,我可以看到2个y轴,但如何缩放第二个y轴?我必须把代码放在哪里?我使用json.php从数据库中获取数据,我不包括它,因为我确信我得到了结果……正如我所说,我可以看到行 function InitHighChart() { $("#chart").html("Wait, Loading graph..."); var options = { chart: { renderTo: 'chart', borderColor: '#a1a1a1',
function InitHighChart()
{
$("#chart").html("Wait, Loading graph...");
var options = {
chart: {
renderTo: 'chart',
borderColor: '#a1a1a1',
borderWidth: 2,
borderRadius: 13,
alignTicks: false,
height: 550
},
credits: {
enabled: false
},
title: {
text: 'Ενεργός Ισχύς / Τάση',
x: -20
},
xAxis: {
categories: [{}],
labels: {
step: 15,
rotation: -75
}
},
yAxis: [{ // Primary yAxis
labels: {
format: '{value} MWatt',
},
title: {
text: 'Ενεργός Ισχύς',
}
}, { // Secondary yAxis
title: {
text: 'Τάση',
},
labels: {
format: '{value} V',
},
opposite: true
}],
tooltip: {
formatter: function() {
var s = '<b>'+ this.x +'</b>';
$.each(this.points, function(i, point) {
s += '<br/>'+point.series.name+': '+point.y;
});
return s;
},
shared: true
},
series: [{},{}]
};
$.ajax({
url: "json.php",
data: 'show=impression',
type:'post',
dataType: "json",
success: function(data){
options.xAxis.categories = data.datetime;
options.series[0].name = '...';
options.series[0].data = data.ActiveData;
options.series[1].name = '...';
options.series[1].data = data.VoltageData;
var chart = new Highcharts.Chart(options);
},
});
}
函数InitHighChart()
{
$(“#图表”).html(“等待,加载图形…”);
变量选项={
图表:{
renderTo:'图表',
边框颜色:“#a1a1”,
边界宽度:2,
边界半径:13,
对:错,,
身高:550
},
学分:{
已启用:false
},
标题:{
正文:“Ενεργςςσχς/άση”,
x:-20
},
xAxis:{
类别:[{}],
标签:{
步骤:15,
轮换:-75
}
},
yAxis:[{//主yAxis
标签:{
格式:“{value}MWatt”,
},
标题:{
正文:“Ενεργς∑χς”,
}
},{//次雅克西
标题:{
文本:“άση”,
},
标签:{
格式:“{value}V”,
},
相反:对
}],
工具提示:{
格式化程序:函数(){
var s=''+此.x+'';
$.each(this.points,function(i,point){
s+='
'+point.series.name+':'+point.y;
});
返回s;
},
分享:真的
},
系列:[{},{}]
};
$.ajax({
url:“json.php”,
数据:“显示=印象”,
类型:'post',
数据类型:“json”,
成功:功能(数据){
options.xAxis.categories=data.datetime;
options.series[0]。名称='…';
options.series[0]。data=data.ActiveData;
options.series[1]。名称='…';
options.series[1]。数据=数据。电压数据;
var图表=新的Highcharts.图表(选项);
},
});
}
您是否为第二个y轴分配了任何序列?这可能就是问题所在
API:
jsFiddle:
您应该在代码中添加行
$.ajax({
url: "json.php",
data: 'show=impression',
type:'post',
dataType: "json",
success: function(data){
options.xAxis.categories = data.datetime;
options.series[0].name = '...';
options.series[0].data = data.ActiveData;
options.series[1].name = '...';
options.series[1].data = data.VoltageData;
options.series[1].yAxis = 1; //added line
var chart = new Highcharts.Chart(options);
},
});
按比例,您的意思是设置不同的刻度?第二个链接…我的意思是..yaxis1根据yaxis1数据进行缩放,yaxis2根据yaxis2数据进行缩放。我只在左侧得到一个yaxis..我看不到右侧的一个..Thnxoptions.series[1]。data=data.VoltageData;做这个。我从查询数据库中获取数据……是否有其他方法可以使用u编写的代码格式推送数据?我是海图新手…看了一些例子,我所做的方式显示了两条线,但不是第二条yaxis…非常感谢
$.ajax({
url: "json.php",
data: 'show=impression',
type:'post',
dataType: "json",
success: function(data){
options.xAxis.categories = data.datetime;
options.series[0].name = '...';
options.series[0].data = data.ActiveData;
options.series[1].name = '...';
options.series[1].data = data.VoltageData;
options.series[1].yAxis = 1; //added line
var chart = new Highcharts.Chart(options);
},
});