Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый Сегодня, 18:36
Аватар для selevo
Кандидат Javascript-наук
Отправить личное сообщение для selevo Посмотреть профиль Найти все сообщения от selevo
 
Регистрация: 13.03.2013
Сообщений: 148

Highcharts как изменить график потянув за точку ?
Почитал документацию на Highcharts
Ненашел понятный пример, может кто подскажет?
Мне нужно потянув за узел на графике,изменить его значение.

Пример обычного графика.
https://codepen.io/iamcouth/pen/dKVmqb
Ответить с цитированием
  #2 (permalink)  
Старый Сегодня, 18:42
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,837

Гуглится в момент.

<H1>Scott is DaBomb!</H1>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/modules/draggable-points.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>

<script>
Highcharts.setOptions({
  global: {
    useUTC: false
  }
});

// Create the chart
Highcharts.stockChart('container', {
  chart: {
    events: {
    }
  },

  rangeSelector: {
    buttons: [{
      count: 1,
      type: 'minute',
      text: '1M'
    }, {
      count: 5,
      type: 'minute',
      text: '5M'
    }, {
      type: 'all',
      text: 'All'
    }],
    inputEnabled: false,
    selected: 0
  },

  title: {
    text: 'Live random data'
  },

  exporting: {
    enabled: false
  },

  series: [{
    name: 'Random data',
    data: (function () {
      // generate an array of random data
      var data = [],
        time = (new Date()).getTime(),
        i;

      for (i = -999; i <= 0; i += 1) {
        data.push([
          time + i * 1000,
          Math.round(Math.random() * 100)
        ]);
      }
      return data;
    }()),
    dragDrop: {
      draggableX: false, // Allow dragging along the X-axis
      draggableY: true  // Allow dragging along the Y-axis
    }
  }]
});
</script>
Ответить с цитированием
  #3 (permalink)  
Старый Сегодня, 18:55
Аватар для selevo
Кандидат Javascript-наук
Отправить личное сообщение для selevo Посмотреть профиль Найти все сообщения от selevo
 
Регистрация: 13.03.2013
Сообщений: 148

Спасибо.
Nexus, как правильно задать вопрос гуглу?
Может не правильно задаю вопросы.
На будущее, важно понять как правильно вопросы задавать.

Последний раз редактировалось selevo, Сегодня в 19:11.
Ответить с цитированием
  #4 (permalink)  
Старый Сегодня, 22:28
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,837

selevo, я гуглил что-то вроде такого: js highcharts change values by drag
Даже google AI overview дает хороший ответ. На его основе в течении пары минут и был модифицирован приведенный вами пример графика.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как изменить заливку SVG user_name Элементы интерфейса 2 21.04.2015 23:36
Как изменить поля в модели? Или как пересоздать модель? Risa ExtJS 3 20.02.2015 12:47
Как изменить css одного div при наведении на другой с javascript? InkyThousand Общие вопросы Javascript 7 11.11.2014 16:35
Как изменить ссылку в слайдере alexvost jQuery 3 13.06.2012 02:24
Как изменить скрипт, что бы им его можно было использовать для нужной страницы Nick50_70 Общие вопросы Javascript 0 28.04.2009 23:30