高图表:y 轴类别被推离图表区域,不适合
HighChart: y axis categories are pushed off chart area, don't fit
我有这个jsfiddle来说明我的问题:http://jsfiddle.net/qner9hwc/1/
每当您添加没有最高整数值的序列时,无论是在底部还是中间的某个地方,顶部值都会被推离图表区域,或者类别根本不适合图表区域。
类别是动态添加的,并且需要整数值。我让它们按升序排序。
试试这个用例:
添加一个系列"10",然后是"5"(你会在这里看到我的问题),然后添加"15",它会自行纠正
$('#addSeries').on('click', function () {
//first check if value is already a series
var seriesid = document.getElementById('txtValue').value;
getSeriesIDIndex(seriesid, function (idindex) {
//if it doesnt exist, add it to chart
if (idindex == -1) {
categories.push(parseInt(seriesid));
categories = categories.sort(sortNumber);
console.log(categories);
chart.yAxis[0].setCategories(categories, false);
getCategoryIndex(parseInt(seriesid), function (cindex) {
chart.addSeries({
name: seriesid,
data: [{
x: currentDate.getTime(),
y: cindex
}]
}, false);
for (i = 0; i < chart.series.length; i++) {
var cur_series = chart.series[i];
var cur_cindex;
getCategoryIndex(chart.series[i].name, function (cindex) {
cur_cindex = cindex;
});
for (var z = 0; z < cur_series.data.length; z++) {
if (cur_series.data[z].y >= cindex && cur_series.name !== seriesid) {
console.log('change!' + cur_series.data[z].y);
cur_series.data[z].y = cur_cindex;
}
}
}
console.log(chart.yAxis[0].categories);
chart.redraw();
});
}
});
});
这一行可以解决您的麻烦:
cur_series.data[z].y = cur_cindex;
正确的代码:
cur_series.data[z].update(cur_cindex, false);
您只更新值,而您应该使用 point.update()
来更新点。演示:http://jsfiddle.net/qner9hwc/2/
相关文章:
- ResolveUrl没有'我似乎不适合当链接到具有动态虚拟目录的外部javascript文件时
- 谷歌地图有限的区域不工作
- 导航菜单不适合移动浏览器
- 如何解决不适合的分页输出
- Javascript返回内容/字符串;不适合UIWebView的给定宽度和高度
- javascript with()函数获胜'我不适合歌剧、Chrome或Brave
- 通过按钮将不同的文本添加到文本区域-不起作用
- 可拖动或可调整大小的文本区域不起作用
- 如何使文本区域不开始新行
- 弹出窗口中的文本区域不接受输入
- 只要区域不是<a>标签
- 潜水者不适合放在他们的容器里,他们增加了像素
- 为什么Foundation 4 Orbit不适合我
- CKEditor allowerContent = true 根本不适合我
- iPad 上的 Safari 不适合纵向模式下 980 像素宽的网站
- IE DIV悬停区域不一样.直到我添加背景颜色
- 铬插入符号在非活动窗口中不可见 - 不适合拖放
- 高图表:y 轴类别被推离图表区域,不适合
- 条形图不适合图表区域
- 缩小到最低程度的bing地图不适合地图区域