score:1
Accepted answer
I solved clicks on a link to delete points like this:
$('.remove').click(function () {
var series = chart.series[0];
var id = $(this).data('id');
if (series.data.length) {
// disable point in graph
chart.series[0].data[id-1].update(
{
y:null
});
}
// delete used tablerow
$(this).closest("tr").fadeOut(50);
});
And I managed to expulse points onClick on the graph with an event, it's working like this:
series: [{
name: 'time',
data: data: [[1, 129386],[2, 123966],[3, 123162],[4, 123245],[5, 124314],[6, 123946],[7, 124156],[8, 123367],[9, 124460],[10, 123366],[11, 123182],[12, 123915],[13, 124627],[14, 123142],[15, 124044],[16, 124346],[17, 123156],[18, 124356],[19, 123511],[20, 124239],[21, 123252],[22, 125169],[23, 125027],[24, 123508],[25, 124065],[26, 122719],[27, 124199],[28, 122968],[29, 124132],[30, 124052],[31, 124383],[32, 123265],[33, 124083],[34, 123855],[35, 124284],[36, 123719],[37, 123213],[38, 124245],[39, 123079],[40, 123721]],
events: {
// if point gets clicked, it'll be deleted
click: function(event) {
console.log(event.point);
var pointId = event.point.x;
$("#hidden-points-table").fadeIn(1000);
$('#hidden-elements').append(pointId + ", ");
event.point.update(
{
y: null
});
// deleting the table row
$("[data-id='"+pointId+"']").closest("tr").fadeOut(50);
}
}
}
Since it was hard to find solutions, I hope this will help some people with it. This page was really helpful, too.
score:1
If I understand you well, you need to keep "place" where the point was? If yes, you can try to use point.update()
function and set null value.
Example: http://jsfiddle.net/gd4q4jo0/1/
Source: stackoverflow.com
Related Query
- Hiding points in HighCharts on click
- Highcharts - Show tooltip on points click instead mouseover
- highcharts change rendered image source on click
- Highcharts displays series names but missing data points from json source
- How to modify highcharts legend item click event?
- Hiding a Highcharts series without using the legend
- Highcharts 3 cannot render more than 1000 points in one series
- how to set the interval of points on Y - Axis highcharts
- Disable tooltip on certain points in Highcharts
- How to Format Highcharts dataLabels Decimal Points
- missing value in highcharts line graph results in no line, just points
- Resize data points with highcharts
- Highcharts doesn't display series with lots of data points
- Hiding _groups_ of series in Highcharts and jQuery: how to get acceptable performance?
- Highcharts - Keep tooltip showing on click
- programmatically click on column in Highcharts
- Highcharts - Double click event
- Highcharts chart click event fired on click of the reset zoom button (bug?)
- How to convert datetime string to UTC to plot points on Highcharts
- How to convert datetime string to UTC to plot points on Highcharts
- Highcharts : Chart with drilldown how to obtain click event of drill up button
- Selenium click on Highcharts series
- highcharts how to catch and insert logic in click reset zoom button event
- Flexdashboards and Leaflet and marker click with Highcharts
- Enable or disable data labels shown in pie charts in Highcharts on click of a button
- Highcharts - change column stacking on click
- Converting svg from Highcharts data into data points
- How to pass custom data into Highcharts graph click event
- Is there any way to highlight specific node on click | Highcharts Sankey
- Highcharts : hiding bottom-most x axis grid line
More Query from same tag
- Change Higcharts Tooltip value
- Changing the styles of a label of plotLines in HighChart
- Highstock - How to add point if I have different data on main chart and navigator
- set individual color for each bar in bar chart using highcharts
- Highcharts on rails app renders twice every time it's loaded
- How can I customize a Highchart filename?
- Why drilldown x-axis points not matching with corresponding bars?
- highcharts gauge multineedles datalabels are overlapping
- Explain Highcharts different Instantiations
- Highcharts redraw previous line still exist
- highchart mysql json issue
- Highcahrts sometimes loads but not always
- Changing baseSeries dynamically for live chart
- Rounded edges Gauge with Highcharts.js
- How to limit chart xAxis date range in HighCharts?
- Toggling DataTable Rows Based On HighChart Legend
- scrollable highchart works in JS but has issues when running through Angular HighCharts?
- MySQL, Highcharts: "operand should contain 1 column(s):" error
- Chartkick on rails: change the graph style based on the data
- I can't make Highcharts phantomJs export server work
- highcharts-ng model data not working
- High and low line on candlestick chart
- Calculating on SetExtremes, Navigator behavior in highcharts
- How can I configure the legend with a specific height in highstock?
- how to customize xaxis of highcharts
- How to add categories related to legend in HighCharts?
- Why is HighCharts only writing to one of my dynamic div's?
- Highcharts polar chart wind rose data from JSON
- Highcharts - How to populate date with Mysql and PHP?
- Highcharts - svg vs digital