个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有一个更新系列的 Highchart。在某些情况下(如 fiddle 表演)，更新无法正常工作。
当系列有一个只有空值的数组时，下一个给定的数组不会生效。
https://jsfiddle.net/ChrisCross82/ubz3o4pr/
<body>
<button onclick="firstData()">1st Data</button>
<button onclick="secondData()">2nd Data</button>
<button onclick="firstData()">Again 1st Data (without Series1)</button>
<div id="chart1" style="height: 300px"></div>
</body>
var chart1;
chart1 = Highcharts.chart('chart1', {
series: [{
data: [],
},{
data: [],
}]
});
function firstData() {
var series1 = [65.4, 72.7, 70, 60.6, 42.9];
var series2 = [26, 33, 10, 33, 7];
updateChart(series1, series2);
}
function secondData() {
var series1 = [null, null, null, null, null];
var series2 = [0, 0, 0, 0, 0];
updateChart(series1, series2);
}
function updateChart(series1, series2){
chart1.update({
series: [{
data: series1
},{
data: series2,
}]
});
}
现在，我检查数组，如果数组中的每个值都为空，我将数组设置为 []。在此之后，更新工作。但我认为这不是最好的解决方案。
最佳答案
这个问题看起来像一个错误，所以我在 Highcharts github 上报告了它:https://github.com/highcharts/highcharts/issues/9290
值得注意的是，仅更新相同数量的数据会导致问题:https://jsfiddle.net/BlackLabel/8nbdy9wq/
要解决此问题，您可以使用 null 值作为 y 属性更新图表:
function secondData() {
var series1 = [{
y: null
}, {
y: null
}, {
y: null
}, {
y: null
}, {
y: null
}];
var series2 = [0, 0, 0, 0, 0];
updateChart(series1, series2);
}
关于javascript - Highcharts:如果先前的数组只有空值，则系列不会更新，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53114865/
25
4
0
我有一个名为 FeedView 的 View ，由 FeedViewController 处理。 我还有一个名为“NearestStore”的 XIB，它由一个名为“NearestStoreViewC
我有一个警报表，其中 tr 元素是使用 JS 动态添加/删除的。问题是它有一个 border-top 将它与上面的内容分开，当表格为空时我想隐藏这些内容。我试过 :empty 和 display:no
我是一名优秀的程序员,十分优秀！