Javascript 如何在海图中绘制平衡的yAix?
我正在尝试用海图绘制新的多线图。我怎样画平衡的yAxis 我尝试设置滴答声位置、滴答声间隔等。。。使用以下选项:Javascript 如何在海图中绘制平衡的yAix?,javascript,highcharts,Javascript,Highcharts,我正在尝试用海图绘制新的多线图。我怎样画平衡的yAxis 我尝试设置滴答声位置、滴答声间隔等。。。使用以下选项: Highcharts.chart('container', { xAxis: { }, yAxis:{ tickPositions: [0, 100, 1000, 10000], //tickInterval : 1000 }, series: [ { name: 'I
Highcharts.chart('container', {
xAxis: {
},
yAxis:{
tickPositions: [0, 100, 1000, 10000],
//tickInterval : 1000
},
series: [
{
name: 'Installation',
data: [4100, 4009]
}, {
name: 'Manufacturing',
data: [1100, 1009]
}, {
name: 'Sales & Distribution',
data: [110, 1009]
},{
name: 'E4',
data: [50, 1009]
}]
});
大概是这样的:
您的示例代码使用带有
类型的yAxis
,'linear'
。您的示例结果图像使用yAxis
和类型:“对数”
您可以将代码更改为():
什么是平衡yaxis?嗯。。我不擅长英语,首先[在这里输入图像描述]是我试图绘制高图表,其次[在这里输入图像描述]是我想这样绘制。所以我想均匀地调整y轴间距。如何均匀地保持y轴(1~100、100~1000、1000~10000)间距?谢谢你的回答。我更改E4数据如下:[0.06324,0.12724]。因此,图表显示不同的y轴间隙(范围)。如何绘制y轴(1~100100~10001000~10000)。@sako我更新了答案。您可以使用
tickPositions
,如示例所示。中的每个值X等于10^X
。另外,(请注意,如果您希望它真正相等,而不考虑实际的数值(并且实际上不使用对数刻度),那么您可能必须使用类别
轴,并对序列数据和标签格式进行“作弊”)。非常感谢您的帮助。我能用海图画完。
Highcharts.chart('container', {
xAxis: {
},
yAxis:{
type: 'logarithmic',
tickPositions: [0, 1, 2, 3, 4]
},
series: [
{
name: 'Installation',
data: [4100, 4009]
}, {
name: 'Manufacturing',
data: [1100, 1009]
}, {
name: 'Sales & Distribution',
data: [110, 1009]
},{
name: 'E4',
data: [50, 1009]
}]
});