如何在面积图中组合2个系列 - Highchart

时间:2017-12-19 10:58:15

标签: javascript jquery angularjs highcharts

我试图在面积图中显示2个系列的数据Highcharts。它的工作正常,但系列之间有一个空白。如何删除空间?

小提琴:http://jsfiddle.net/alagarrk/0jcg5047/1/

series: [{
  name: 'Educated people',
  data: [{
    x: 0,
    y: 20000
  }, {
    x: 1,
    y: 19000
  }, {
    x: 2,
    y: 19000
  }, {
    x: 3,
    y: 18000
  }, {
    x: 4,
    y: 17000
  }, {
    x: 5,
    y: 16000
  }, {
    x: 6,
    y: 15000
  }, {
    x: 7,
    y: 14000
  }]
  }, {
  name: 'Uneducated people',
  data: [{
    x: 8,
    y: 13000
  }, {
    x: 9,
    y: 12000
  }, {
    x: 10,
    y: 11000
  }, {
    x: 11,
    y: 10000
  }]
}]

请检查并指导我解决此问题

1 个答案:

答案 0 :(得分:0)

没有“修复”这个问题,你在第7点和第8点之间没有任何数据。你可以做的是在第7点开始系列2(未受过教育的人)。那样它看起来就会连接。

name: 'Uneducated people',
data: [{
  x: 7,
  y: 13000
}, {
  x: 8,
  y: 12000
...

工作示例: http://jsfiddle.net/0jcg5047/2/