我正在尝试连接面积样条图的 x 轴和 y 轴的节点。这是我的fiddle我还需要移动左上角的标题和副标题,并且需要集成下拉菜单。基本上我需要这样的图表 .
Highcharts.chart('container', {
chart: {
type: 'areaspline'
},
title: {
text: 'Total Visitors',
x: 0,
},
subtitle: {
text: 'This is all users that visited your site',
x: 0,
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'June', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
},
yAxis: {
title: {
text: ''
}
},
tooltip: {
shared: true,
valueSuffix: ' units'
},
credits: {
enabled: false
},
plotOptions: {
areaspline: {
fillOpacity: 0.5
},
series: {
marker: {
enabled: false
},
lineWidth: 2,
states: {
hover: {
enabled: false
}
}
}
},
series: [{
lineColor: '#8b8bff',
color: '#c5c6ff',
showInLegend: false,
lineWidth: '4px',
name: 'John',
data: [37, 25, 50, 20, 37, 28, 50, 42, 70, 46, 55, 26]
}]
})
请帮忙 谢谢!!!
最佳答案
要在同一位置开始轴刻度,请将 tickmarkPlacement
设置为 on
,并设置 min
和 max
。
要将标题和副标题移动到左 Angular ,请使用 align
属性:
title: {
...,
align: 'left'
},
subtitle: {
...,
align: 'left'
},
xAxis: {
tickmarkPlacement: 'on',
min: 0.5,
max: 10.5,
...
}
关于javascript - 需要加入x轴和y轴标签highcharts,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54939089/