javascript - Highcharts yAxis自适应问题

标签 javascript jquery highcharts

我为我的项目写了一个demo,它工作正常,除了Y轴不适应我的数据。它一直显示100 max,我在网上搜索它应该是自适应的,但它没有.任何人都可以帮助我,我将不胜感激,这是我的代码:

$(function () { $('#container').highcharts({ chart : { type : 'column' }, title : { text : 'IP subnet statics' }, xAxis : { categories : [ 'subnnet1', 'subnet2', 'subnet3' ] //categories : result.subnets }, yAxis : { min : 0, title : { text : 'total IP' }<br/> }, tooltip : { pointFormat : '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.percentage:.0f}%)<br/>', shared : true }, plotOptions : { column : { stacking : 'percent' } }, series : [ { name : 'free', data : [22,33,55] }, { name : 'occupy', data : [11,22,33] } ] }); });

enter image description here

最佳答案

您要求“百分比”堆叠,这使得每列加起来为 100。我认为您可能需要“正常”堆叠

改变:

                       plotOptions : {
                            column : {
                                stacking : 'percent'
                            }
                        },

                       plotOptions : {
                            column : {
                                stacking : 'normal'
                            }
                        },

http://api.highcharts.com/highcharts#plotOptions.column.stacking

关于javascript - Highcharts yAxis自适应问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24901107/

相关文章:

javascript - Highcharts 在 Y 轴上重复相同的标签值

javascript - Highcharts - JSON 系列数据未正确显示

javascript - 如何将 Html 框与 Javascript 函数链接起来以给出预期的输出?

javascript - 如何使 TR/TD 在 html 中不动?

javascript - Thymeleaf 表单使用 ArrayList 对象提交

jquery - 如何使幻灯片相互显示

javascript - Bootstrap 3 - 文本输入下的下拉搜索结果

javascript - 更改 Highcharts 中特定刻度的样式

javascript - 从 HTML/Javascript 关闭 iPad Web 应用程序?

javascript - 如何在 angularjs 中使用 ng-repeat 以表格格式引入嵌套的项目数组?