我有一张表,我试图转换为高图列图表,并且设置垂直线时遇到一个小问题。
我希望将它放在每组列块之间。请检查图像
<table id="datatable">
<thead>
<tr>
<th></th>
<th>Daily Sales</th>
<th>Average</th>
</tr>
</thead>
<tbody>
<tr>
<th>2000</th>
<td>100</td>
<td>200</td>
</tr>
<tr>
<th>2005</th>
<td>245</td>
<td>300</td>
</tr>
<tr>
<th>2010</th>
<td>10</td>
<td>500</td>
</tr>
</tbody>
</table>
在我的高级代码中
$('#chart').highcharts({
data: {
table: 'datatable'
},
exporting: { enabled: false },
chart: {
type: 'column',
},
title: {
text: ''
},
labels: {
format: '{value}'
},
yAxis: {
allowDecimals: false,
title: {
text: 'Chart'
}
},
xAxis: {
gridLineWidth: 1,
gridLineColor: '#000',
lineColor: '#000',
lineWidth: 1,
crosshair: true,
},
colors: [
'#990000',
'#993399',
],
legend: {
align: 'left',
verticalAlign: 'top',
},
linearGradient: {
x1: 0,
y1: 0,
x2: 1,
y2: 0
},
},
});
});
任何帮助将不胜感激
答案 0 :(得分:1)
您应该在&#39;之间设置&#39; tickmarkPlacement参数的值,仅适用于类别。
xAxis: {
type: 'category',
gridLineWidth: 1,
tickmarkPlacement: 'between'
}
修正演示: