Question

我有一个由HTML表驱动的高图极坐标/折线图。它在最初显示时工作正常。然后我可以点击图例/关键区域中的系列来关闭系列。到现在为止还挺好。但是如果我再次点击图例重新打开系列，我就有问题了。看起来图形线来得正确，但是辐条标签是一个。如果我从5个辐条开始，关闭系列然后再打开，我会得到6个辐条标签（但实际上5个辐条本身都很好）。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>


<script type="text/javascript">

$(function () {
$('#content_Result').highcharts({
data: {
table: 'datatable',
startRow: 1,
endRow: 6,
endColumn: 1,
},
chart: {
polar: true,
type: 'line'
},
title: {
text: 'my Title',
x: -1
},
yAxis: {
min: 0,
endOnTick: false,
showLastLabel: true,
reversedStacks: false
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
borderWidth: 0
}
});
});
</script>

</head>
<body>

<div id="content_Result" style="min-width: 1200px; max-width: 1200px; height: 600px; margin: 0 auto">
</div>
<table id="datatable" class="RadarIndicatorTable">
<tr>
<th colspan="2">Title</th>
</tr>
<tr>
<th>SF</th>
<th>Current</th>
</tr>
<tr>
<td>Spoke 1</td>
<td>100</td>
</tr>
<tr>
<td>Spoke 2</td>
<td>20</td>
</tr>
<tr>
<td>Spoke 3</td>
<td>100</td>
</tr>
<tr>
<td>Spoke 4</td>
<td>73.52</td>
</tr>
<tr>
<td>Spoke 4</td>
<td>50</td>
</tr>
</table>
</body>
</html>

highcharts极地系列然后关闭然后

0 个答案: