HighCharts xAxis показывает на 0 строке с отметками между всеми столбцами - PullRequest
0 голосов
/ 11 апреля 2019

Я разработал ряд гистограмм в облаке HighCharts с положительными и отрицательными значениями.

Первый вопрос:

  • возможно ли, чтобы xAxis появился в строке 0 (не в нижней части графика)?

То, что я до сих пор делал, это смещение оси xAxis, так что оно помещается в строку 0, что вроде работает, но я надеялся на лучшее решение. Другой метод, о котором я думал, это использовать код plotLines на yAxis, но я не получаю галочки:

plotLines: [{
        color: '#010101',
        width: 2,
        value: 0,
        zIndex: 5
    }],

Второй вопрос:

  • возможно ли, чтобы между каждой полосой появлялись метки, а не только полосы с меткой xAxis?

Это то, что рендеринг для меня сейчас, и я пытаюсь поставить галочку между всеми барами, показывая одинаковое количество меток https://cloud.highcharts.com/show/cLtfEDClS

1 Ответ

0 голосов
/ 11 апреля 2019

Первый вопрос : Вы можете объединить эту конфигурацию с параметрами диаграммы в разделе пользовательского кода Cloud:

  chart: {
    events: {
      load: function() {
        var yAxis = this.yAxis[0];
        this.xAxis[0].update({
          offset: -yAxis.toPixels(Math.abs(yAxis.min), true)
        });
      }
    }
  },

Демо : http://jsfiddle.net/BlackLabel/6712zrod/

Он автоматически позиционирует ось x, чтобы он работал как y = 0 линия.

Второй вопрос:

Попробуйте установить X Axis[0] > Labels > Step на 1.

enter image description here

Ссылка API: https://api.highcharts.com/highcharts/xAxis.labels.step

Пояснение из Документов:

Чтобы отобразить только каждую n-ю метку на оси, установите шаг n Установка шага 2 показывает все остальные метки. По умолчанию шаг рассчитывается автоматически, чтобы избежать дублирования. Чтобы предотвратить это, установите его на 1. Обычно это происходит только на оси категорий и часто является признаком того, что вы выбрали неправильный тип оси.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...