Как установить отступы в Xaxis Highstocks

У меня требование! Как показано на рисунке, я пытаюсь установить «maxPadding» в xAxis (свойства объекта highstocks), но не могу, потому что вы не можете сделать это в highstocks, только в highcharts ~~~ Вы можете помочь мне ? Спасибо

Как сделать что-то похожее на эту картинку? какие свойства я могу

javascript highcharts

14.03.2019 10:41

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете использовать xAxis.overscroll, чтобы добавить дополнительный диапазон справа от оси x. Обратите внимание, что значение задается в миллисекундах отдельно для chart.xAxis и naviagtor.xAxis.

Код:

Highcharts.stockChart('container', {
  title: {
    text: 'AAPL Stock Price'
  },
  xAxis: {
  	overscroll: 500000000
  },
  navigator: {
    xAxis: {
      overscroll: 500000000
    }
  },
  series: [{
    name: 'AAPL',
    data: [
      [1539264600000, 214.45],
      [1539351000000, 222.11],
      [1539610200000, 217.36],
      [1539696600000, 222.15],
      [1539783000000, 221.19],
      [1539869400000, 216.02],
      [1539955800000, 219.31],
      [1540215000000, 220.65],
      [1540301400000, 222.73],
      [1540387800000, 215.09],
      [1540474200000, 219.8],
      [1540560600000, 216.3],
      [1540819800000, 212.24],
      [1540906200000, 213.3],
      [1540992600000, 218.86],
      [1541079000000, 222.22],
      [1541165400000, 207.48],
      [1541428200000, 201.59],
      [1541514600000, 203.77],
      [1541601000000, 209.95],
      [1541687400000, 208.49],
      [1541773800000, 204.47],
      [1542033000000, 194.17],
      [1542119400000, 192.23],
      [1542205800000, 186.8]
    ]
  }]
});

<script src = "https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src = "https://code.highcharts.com/stock/highstock.js"></script>
<script src = "https://code.highcharts.com/stock/modules/exporting.js"></script>
<script src = "https://code.highcharts.com/stock/modules/export-data.js"></script>

<div id = "container" style = "height: 400px; min-width: 310px"></div>

Демо:

https://jsfiddle.net/BlackLabel/9qgs1L6w/1/

Ссылка на API:

https://api.highcharts.com/highstock/xAxis.overscroll

Спасибо, это решает проблему с представлением, но как синхронизировать данные с представлением?

— 15.03.2019 07:09

Что ты имеешь в виду? Не могли бы вы быть более точным?

— 15.03.2019 10:40

Хорошо, я хочу, чтобы моя ось X также «отступала вправо», потому что теперь только представление «отступает вправо», а ось X — нет.

— 15.03.2019 12:10

Значит, вам не нужны метки на оси X, где на диаграмме есть пустое место?

— 15.03.2019 12:40

Я хочу, чтобы ось X также была space , например, views . Так, чтобы ось X соответствовала оси Y.

— 15.03.2019 13:11

Вы можете сделать это с помощью xAxis.tickPositioner удаления галочек, значение которых превышает максимальное значение данных (API: api.highcharts.com/highcharts/xAxis.tickPositioner). Проверьте этот пример: jsfiddle.net/BlackLabel/chLy2snr.

— 15.03.2019 15:04

Извините, у меня вопрос! Как динамически изменять данные tickPositioner.

— 19.03.2019 03:51

Вы можете использовать метод Axis.update, чтобы предоставить массиву tickPositions новые значения. Пример: jsfiddle.net/BlackLabel/yd30g9nh, API: api.highcharts.com/class-reference/Highcharts.Axis#update, api.highcharts.com/highcharts/xAxis.tickPositions

— 19.03.2019 08:37

14.03.2019 11:58