![](/img/trans.png)
[英]how to display the date at X axis and other column at y axis in highcharts
[英]How to make the Y Axis values not start from 0 in highcharts? How to display forcefully display the last category data on X axis in HighCharts ?
因此,这里我坚持两件事:即使经过足够的头脑风暴,我也无法弄清楚需要更改哪些参数才能使图形显示所需的数据。 这是我的图形的输出: MY Output 。 我希望输出是这样的: 期望的价格图表
我基本上想使它起作用。 首先,我想使Y标签不从0开始将使图形起作用。但是我无法确定需要更改哪个参数。
其次,对于X轴数据,我将日期数组作为Category传递给XAxis系列。 我想每隔7天显示一次日期。 我已经成功实现了。 我面临的问题是,我想强制显示今天的日期。 今天的日期是我代码的XAxisData数组中的最后一个元素,我将其传递给X轴的“类别”。 因此,我的问题是,如何强制显示A轴类别的最后一个元素? (可选问题)是否有更好的方法通过使用datetime来做到这一点? 这是我的图形代码:
function setPriceParameterAndDisplay(){
document.getElementById('container').style.visibility='visible';
Highcharts.chart('container', {
chart: {
type: 'area'
},
title: {
text: StockHeading ,
},
subtitle: {
text: '<a style=\"color:blue;\" href=\"https://www.alphavantage.co\">Source: Alpha Vantage</a>'
},
xAxis: {
categories: XAxisData,
minTickInterval: 6,
showLastLabel: true,
},
yAxis: [{
title: {
text: 'Stock Price',
},
},{
title: {
text: 'Volume '
},
labels: {
format: '{value}m',
},
opposite:true,
}],
plotOptions: {
label: {
enabled: false,
},
line: {
enableMouseTracking: true
},
series: {
marker: {
enabled: false
},}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle'
},
series: [{
name: '".$symbol."',
label: {
enabled: false,
},
type: 'area',
color: '#F66464',
data: PriceData,
tooltip: {
valueDecimals: 2
}
}, {
name: '".$symbol." Volume' ,
label: {
enabled: false,
},
type: 'column',
color: '#FFFFFF',
yAxis: 1,
data: StockVolume,
tooltip: {
valueDecimals: 2
}
}]
});}
1.使区域序列不从零开始(y轴)
您需要为此系列指定threshold
属性。 默认情况下为0
,这就是问题的原因。
API参考: https : //api.highcharts.com/highcharts/series.area.threshold
2.强制始终在最后一点显示x轴标签
默认情况下,Highcharts会自动计算并决定要显示的刻度。 标签出现在刻度线所在的位置。 因此,要确保某些特定的刻度线出现在轴上,请使用tickPosition
(手动定义所有刻度线)或tickPositioner
(在将Highcharts创建的刻度线传递到图表构造函数之前对其进行修改)。
API参考:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.