score:1
You can add another scatter series with and modify it a bit to show connections and dataLabels.
series: [{
type: 'scatter',
data: [{
name: 'First',
x: 0,
y: 29.9,
dataLabels: {
enabled: false
}
}, {
name: 'Second',
x: 0.1,
y: 39.9,
dataLabels: {
formatter: function() {
return 'test label';
},
x: 20,
y: 0
},
marker: {
enabled: false,
radius: 0
}
}],
},
]
Options chart to set behavior, with enableMouseTracking: false
to turn off mouse tracking, lineWidth: 1
to draw line (connections to point) and showInLegend: false
for hide series in legend.
plotOptions: {
scatter: {
states: {
inactive: {
enabled: false
}
},
dataLabels: {
enabled: true,
allowOverlap: true,
crop: false,
overflow: 'allow',
align: 'center',
verticalAlign: 'bottom',
useHTML: true,
},
lineWidth: 1,
color: 'red',
enableMouseTracking: false,
showInLegend: false
},
}
live demo: http://jsfiddle.net/BlackLabel/hpds8f0x/2/
Source: stackoverflow.com
Related Query
- How to draw line from Data label to Marker in Highchart Scatter Plot
- How to display highchart series line marker symbol from tooltip formatter?
- How to plot a highstock single line series graph from ajax data
- Highcharts Highstock How to Plot OHLC and Line Charts from One Set of Embedded CSV Data Using Series Map Tools?
- How do I show multiple line from dynamic data using javascript in highchart
- How to render Gantt Highchart from data source
- How to display basic line graph in Highchart for multiple categories' data from csv?
- cannot draw second regression line in scatter plot on highchart
- Highchart how to animate from the xaxis bottom line upward
- Highcharts: Draw line from data markers to axis?
- Highcharts - How to make a scatter plot with multiple series from HTML table
- Highcharts Scatter Plot - How to Fix Overlapping Data Labels?
- How to remove sliced line from pie high chart if there there is only one object in data
- Highcharts: Draw line from marker to axis?
- Plot Highchart multiple series line chart using JSON data
- How to render a line from dataLabels to marker on graph in HighCharts?
- How to add an extra label on a scatter plot point in Highcharts Javascript library?
- Draw line before marker appear Highchart
- How can i export row data from highchart to excel file and not csv?
- Highchart : How to plot Stacked bar graph with line by below JSON respons
- On HighMaps, how do I show state abbreviations instead of state name on a U.S. map and remove data label from point
- How to add vertical (and horizontal) line in highcharts scatter plot
- How to draw a line on a highcharts graph from an AJAX call?
- Highcharts how to make legends as data labels on scatter plot
- how to add values from a database output to the data field in Line Chart of Chart.js
- How to add a vertical plot line in multiple line series and show the tooltip on Plot line in highchart
- Highchart shiny R scatter plot - how to define individual point colors
- How to display top 3 data label in piechart highchart
- How to plot line chart with series data in highcharts?
- How to Plot chart from two different webform Submission data And Wand to Display annotated point
More Query from same tag
- Is there a way to have one series name for multiple series without duplicating the series name in the tooltip?
- datatable inside Highcharts-Pie chart
- How to use axios to fetch data from servlet and then crossfilter it and display via highcharts
- Highcharts - curves goes outside the box
- keep column in front of spline lines in highchart
- Gridster with Highcharts, make specific Chart smaller and recalculate
- Prevent JSON.parse(data) from cutting off zero digit for String floats
- Highcharts JSON, chart not displaying
- Updating fontsize with highcharts using zoomtype
- Double column Highcharts with drilldown
- How do I make the title blank disappear for a highchart spider chart?
- Add a dropdown to Highcharts to change chart type with AngularJs
- Editing Highcharts.js donut data programmatically va JS
- How to change the label color of Y-Axis on click in angular Gantt chart High Chart
- Getting the selected range of the navigator
- How to get object value inside an array
- Highcharts - Hide series "points" (labels) on both x- and y-axis
- How to use array_merge to display non-quoted commands in PHP/Highcharts?
- Cannot implement lazy high chart receiving errors
- my highchart is currently is not working with pie spline chart in updating after rendering chart
- Click event and two way data binding in HighCharts using AngularJS
- All series data are equal highcharts
- Highcharts with object array
- codeigniter with Highcharts- data not coming controller to view
- Custom hover / tooltip data on highcharts network chart
- How to change aspect ratio and remove spacing in Highchart's gauge arc chart
- Highcharts line chart won't display line chart in IE
- Spider Highchart - different color for each gridline
- Highcharts donut customize legend
- I have no direct access to code but wonder if I can append my chart data points to a log file