Jquery 在xAxis highcharts上固定多个标签
我使用highcharts显示ajax请求的价格 (我更改了代码为您工作:))Jquery 在xAxis highcharts上固定多个标签,jquery,highcharts,Jquery,Highcharts,我使用highcharts显示ajax请求的价格 (我更改了代码为您工作:)) var选项={ 图表:{ renderTo:'容器', 键入:“行”, 身高:80, 宽度:190, 背景颜色:“#EBEEEF” }, 标题:{ 文本:“” }, xAxis:{ 键入:“日期时间”, 标签:{ 风格:{ 字体大小:“9px” } } }, 亚克斯:{ 标题:{ 文本:“” }, 标签:{ 风格:{ 字体大小:“9px” } } }, 打印选项:{ 系列:{ 标记:{ 已启用:false } } }
var选项={
图表:{
renderTo:'容器',
键入:“行”,
身高:80,
宽度:190,
背景颜色:“#EBEEEF”
},
标题:{
文本:“”
},
xAxis:{
键入:“日期时间”,
标签:{
风格:{
字体大小:“9px”
}
}
},
亚克斯:{
标题:{
文本:“”
},
标签:{
风格:{
字体大小:“9px”
}
}
},
打印选项:{
系列:{
标记:{
已启用:false
}
}
},
图例:{
已启用:false
},
学分:{
已启用:false
},
工具提示:{
followPointer:true,
格式化程序:函数(){
var p=Highcharts.numberFormat(this.y,2',','')
var d=Highcharts.dateFormat(“%d/%m/%Y”,this.x)
返回d+'
'+p+'€';
}
},
系列:[{
颜色:“#646D70”,
数据:[1360598402000299.99]、[1360836003000297.99]、[1361037604000309.99]、[13612104010000307.99]、[1362470420000308.22]、[1362643020000309.99]、[13627620002000308.22]、[1363075202002000307.23]、[13632480003000308.99]、[13633344020000307.23]、[1363366802000312.19]、[1363766402000313.99]、[1363798802000309.99]、[13649202000369.99]、[136492020009.99],[1364025602000,299.99],[1364198402000,369.99],[1364241602000,455.00],[1364562003000,347.24],[1365145202000,337.38],[1365663602000,325.99],[1366387202000,337.00],[1366441202000,332.45],[1366700402000,381.75],[1367074803000,332.45],[1367229602000,381.75],[1367301602000,341.00],[1367388002000,346.00],[1367672402000,341.00]]
}
]
};
图表=新的高点图表。图表(选项);
在给定的示例中,a在xAxis上有2个标签,我想显示4个,有解决方案吗
谢谢您可以使用tickPixelInterval来增加标签的数量。但是,要显示4,我认为您还需要增加图表本身的宽度
您应该设置tickInverval,它允许定义刻度之间的距离
var options = {
chart: {
renderTo: 'container',
type: 'line',
height: 80,
width: 190,
backgroundColor: '#EBEEEF'
},
title: {
text: ''
},
xAxis: {
type: 'datetime',
labels: {
style: {
fontSize: '9px'
}
}
},
yAxis: {
title: {
text: ''
},
labels: {
style: {
fontSize: '9px'
}
}
},
plotOptions: {
series: {
marker: {
enabled: false
}
}
},
legend: {
enabled: false
},
credits: {
enabled: false
},
tooltip: {
followPointer: true,
formatter: function () {
var p = Highcharts.numberFormat(this.y, 2, ',', ' ')
var d = Highcharts.dateFormat('%d/%m/%Y', this.x)
return d + '<br>' + p + ' €';
}
},
series: [{
color: '#646D70',
data: [[1360598402000,299.99],[1360836003000,297.99],[1361037604000,309.99],[1361210401000,307.99],[1362470402000,308.22],[1362643202000,309.99],[1362762002000,308.22],[1363075202000,307.23],[1363248003000,308.99],[1363334402000,307.23],[1363366802000,312.19],[1363766402000,313.99],[1363798802000,309.99],[1363849202000,369.99],[1364025602000,299.99],[1364198402000,369.99],[1364241602000,455.00],[1364562003000,347.24],[1365145202000,337.38],[1365663602000,325.99],[1366387202000,337.00],[1366441202000,332.45],[1366700402000,381.75],[1367074803000,332.45],[1367229602000,381.75],[1367301602000,341.00],[1367388002000,346.00],[1367672402000,341.00]]
}
]
};
chart = new Highcharts.Chart(options);
var options = {
xAxis: {
tickPixelInterval: 50,
}
}