Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 高图表:将价值最小的系列放在顶部_Javascript_Html_Highcharts - Fatal编程技术网

Javascript 高图表:将价值最小的系列放在顶部

Javascript 高图表:将价值最小的系列放在顶部,javascript,html,highcharts,Javascript,Html,Highcharts,有没有办法把数值最多的系列放在底部,数值最少的系列放在顶部,这样就不会破坏情节 海图。海图‘容器’{ 图表:{ 类型:“区域” }, xAxis:{ 勾选位置:“on”, 键入:“日期时间”, 标题:{ 已启用:false }, }, 打印选项:{ 面积:{ 堆叠:“正常”, 线条颜色:“666666”, 线宽:1, 标记:{ 线宽:1, 线条颜色:“666666” } } }, 系列:[{ 名称:'已批准', 颜色:“绿色”, 数据:[{ x:Date.UTC2017,09,06, y:21

有没有办法把数值最多的系列放在底部,数值最少的系列放在顶部,这样就不会破坏情节

海图。海图‘容器’{ 图表:{ 类型:“区域” }, xAxis:{ 勾选位置:“on”, 键入:“日期时间”, 标题:{ 已启用:false }, }, 打印选项:{ 面积:{ 堆叠:“正常”, 线条颜色:“666666”, 线宽:1, 标记:{ 线宽:1, 线条颜色:“666666” } } }, 系列:[{ 名称:'已批准', 颜色:“绿色”, 数据:[{ x:Date.UTC2017,09,06, y:21 }, { x:Date.UTC2017,09,07, y:21 }, { x:Date.UTC2017,09,08, y:21 }, { x:Date.UTC2017,09,09, y:21 }, { x:Date.UTC2017年9月10日, y:21 }, { x:Date.UTC2017年9月11日, y:19 }, { x:Date.UTC2017年9月12日, y:19 }, { x:Date.UTC2017、09、13、, y:19 }, { x:Date.UTC2017年9月14日, y:19 }, { x:Date.UTC2017、09、15、, y:19 }, { x:Date.UTC2017年9月16日, y:19 }, { x:Date.UTC2017、09、17、, y:19 }, { x:Date.UTC2017、09、18、, y:19 }, { x:Date.UTC2017、09、19、, y:21 }, ] }, { 名称:'提案', 颜色:'黄色', 数据:[{ x:Date.UTC2017年9月11日, y:2 }, { x:Date.UTC2017年9月12日, y:2 }, { x:Date.UTC2017、09、13、, y:2 }, { x:Date.UTC2017年9月14日, y:2 }, { x:Date.UTC2017、09、15、, y:2 }, { x:Date.UTC2017年9月16日, y:2 }, { x:Date.UTC2017、09、17、, y:2 }, { x:Date.UTC2017、09、18、, y:2 }, ] }, { 名称:“已拒绝”, 颜色:“灰色”, 数据:[{ x:Date.UTC2017,09,06, y:1 }, { x:Date.UTC2017,09,07, y:1 }, { x:Date.UTC2017,09,08, y:1 }, { x:Date.UTC2017,09,09, y:1 }, { x:Date.UTC2017年9月10日, y:1 }, { x:Date.UTC2017年9月11日, y:1 }, { x:Date.UTC2017年9月12日, y:1 }, { x:Date.UTC2017、09、13、, y:1 }, { x:Date.UTC2017年9月14日, y:1 }, { x:Date.UTC2017、09、15、, y:1 }, { x:Date.UTC2017年9月16日, y:1 }, { x:Date.UTC2017、09、17、, y:1 }, { x:Date.UTC2017、09、18、, y:1 }, { x:Date.UTC2017、09、19、, y:1 }] }] };
我做了一些有用的东西,按照你的要求去做。我在chart.events.load中添加了以下内容:

var orderingArray = []
let series = this.series;
for (var i = 0; i < series.length; i++) {
  orderingArray.push({
    index: i,
    arrLen: series[i].yData.length
  })
}
orderingArray = orderingArray.sort(function(a, b) {
  return a.arrLen - b.arrLen;
});
for (var i = 0; i < orderingArray.length; i++) {
  series[orderingArray[i]['index']].update({
    index: i + 1
  });
}
这不太好的地方在于,我调用update的次数与调用其他系列的次数相同。因此,在本例中,图表被重绘3次,这是不必要的。但我没有找到另一种方法,尝试使用setOptions并手动调用redraw,但不起作用。仅供参考

此处的工作示例:


chart.events.load上的API:

这里似乎已经回答了您的问题:@Calaris-问题是我没有定义序列的顺序。我认为海图有一个检查序列并根据长度排序的方法。序列不是一个词,序列是单数和复数。我下次会记住这一点。谢谢Nova:@Uthman说的“最大值”和“最小值”是指一个系列中的点数还是这些值有多低?这正是我一直在寻找的!我还将通过深入调查来测试这一点,并让您知道它是如何进行的: