Highcharts как изменить график потянув за точку ?
Почитал документацию на Highcharts
Ненашел понятный пример, может кто подскажет? Мне нужно потянув за узел на графике,изменить его значение. Пример обычного графика. https://codepen.io/iamcouth/pen/dKVmqb |
Гуглится в момент.
<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>
|
Спасибо.
Nexus, как правильно задать вопрос гуглу? Может не правильно задаю вопросы. На будущее, важно понять как правильно вопросы задавать. |
selevo, я гуглил что-то вроде такого: js highcharts change values by drag
Даже google AI overview дает хороший ответ. На его основе в течении пары минут и был модифицирован приведенный вами пример графика. |
Понял спасибо ключевое слово тут drag
Я почему-то искал используя слово editable :) А оказалось что там как раз функция называется dragdrop |
| Часовой пояс GMT +3, время: 17:37. |