Полоса графика не ограничивается xAxis, рисует для всего графика

Если у вас есть дубликаты фамилий, вы можете отсортировать их по имени -

obj.sort(function(a,b){
  if(a.last_nom< b.last_nom) return -1;
  if(a.last_nom >b.last_nom) return 1;
  if(a.first_nom< b.first_nom) return -1;
  if(a.first_nom >b.first_nom) return 1;
  return 0;
});
0
задан Halvor Strand 13 July 2018 в 20:43
поделиться

1 ответ

Вы можете создать отдельный xAxis с plotLines для каждой серии и оставить видимыми только одну ось.

yAxis: [{
  height: '40%',
  gridLineWidth: 0,
  labels: {
    enabled: false
  },
}, {
  gridLineWidth: 0,
  labels: {
    enabled: false
  },
  height: '40%',
  top: '60%'
}],
xAxis: [{
  labels: {
    enabled: false
  },
  tickLength: 0,
  lineWidth: 0,
  plotLines: [{
    value: 1,
    width: 1,
    color: 'blue'
  }],
  height: '40%'
}, {
  top: '60%',
  height: '40%',
  plotLines: [{
    value: 4,
    width: 1,
    color: 'red'
  }],
}]

Live demo: http://jsfiddle.net/BlackLabel/kspfu6rb/

Другим решением было бы использовать Highcharts.SVGenderer для создания строк, которые имитируют plotLines.

Ссылка на API: https://api.highcharts.com/class-reference/Highcharts.SVGRenderer

0
ответ дан ppotaczek 17 August 2018 в 12:36
поделиться
  • 1
    Это то, что я делаю. Моя проблема заключается в том, что plotBand все равно выводит на весь график и не ограничивается назначенной осью x. – Duy 16 July 2018 в 12:37
  • 2
    Можете ли вы подготовить минимальный живой пример? Он отлично работает в моем случае. – ppotaczek 16 July 2018 в 13:03
  • 3
    @Duy, вы используете Highstock? Похоже, что есть ошибка с plotLines и plotBands. Я сообщил об этой проблеме здесь: github.com/highcharts/highcharts/issues/8630 . Теперь вы можете использовать SVGRenderer: jsfiddle.net/BlackLabel/uyzwk9ho – ppotaczek 17 July 2018 в 09:05
  • 4
    Да, вы можете использовать SVGRenderer динамически. – ppotaczek 17 July 2018 в 09:26
  • 5
    Строки в моем примере присваиваются xAxis, вы должны указывать только xAxis (панель) и значение на xAxis, также можете адаптировать это решение к вашему делу. Здесь вы можете найти пример с динамическим использованием: jsfiddle.net/BlackLabel/ow6z2v89 – ppotaczek 17 July 2018 в 10:15
Другие вопросы по тегам:

Похожие вопросы: