score:1
Accepted answer
For adding extra text on the chart use Highcharts. SVGRenderer
API Reference: https://api.highcharts.com/class-reference/Highcharts.SVGRenderer
Sample code:
chart: {
type: 'funnel',
events: {
render: function() {
let chart = this,
point1 = chart.series[0].points[4],
x = point1.dlBox.x + point1.dlBox.bottomWidth + chart.plotLeft + 1,
y = point1.dlBox.y + chart.plotTop - point1.dlBox.height;
if (!chart.myCustomText) {
chart.myCustomText = chart.renderer
.text('1% <br> Did')
.css({
fontSize: '10px',
zIndex: '3px'
})
.add();
}
//pdate text coordinates
chart.myCustomText.attr({
x: x,
y: y
})
}
}
},
Source: stackoverflow.com
Related Articles
- How to add text on every section edges in funnel highcharts
- HighCharts Funnel - Set minimum size of each section
- how to add text in top,left and bottom in funnel highcharts
- Place text in center of pie chart - Highcharts
- Highcharts text labels for y-axis
- Highcharts - show every other x-axis category
- How to change the text color in Highcharts
- Highcharts X-Axis labels as Text
- Custom Highcharts Context Menu Button Appearing in Every Chart on Page
- HighCharts Pie Chart - Add text inside each slice
- Tooltip text alignment in Highcharts for 'direction: rtl'
- Show label only every x number of steps in highcharts
- Highcharts Donut Chart text in center change on hover
- how to add annotation text to a Highcharts chart?
- Highcharts - show every month on datetime x-axis when the parent container is small
- How can I force highcharts to show every x-axis label regardless of spacing constraints?
- How to modify Highcharts x-axis tooltip text
- Highcharts yAxis text rotation issue in IE8
- Sort the series data for every X-Axis in Highcharts
- Highcharts gauge not rendering text
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- How to remove text which was added via chart.renderer in Highcharts
- highcharts tooltip text align
- Highcharts - Global configuration with common code and unique data & Headings
- Highcharts exporting.js change menu hover title text
- Highcharts read text file
- Displaying additional text for Highcharts Bubble chart
- Toggle the custom button text using highcharts
- Highcharts - Remove first marker from Area chart in every series
- Label text displayed underlined at Y-axis in highcharts
- How can you speed up the Highcharts network graph initial animation?
- How to implement Highcharts column-drilldown chart in Rails application?
- How to make yAxis start from a specific time with bar series in highchart?
- highstock tough scrolling
- Dynamic data in Highcharts geomaps
- Adding an empty series changes axis minimum value
- Highcharts - dynamic data label positioning on multi series doughtnut charts
- Highchart not displaying in cakephp
- Highchart property 'name' does not exist on type 'LegendOptions'
- How to make z-index for area lines in highcharts?
- Setup of Highcharts and PhantomJS on Windows 7. JSON string parse error
- Highcharts.stockChart Range Selector (zoom) Button Position After the Chart Container
- how to : limit xaxis labels in highcharts to prevent overlap
- Convert datetime to timestamp milliseconds adding +1 month
- Displaying a Highchart Line Chart in Mapbox Marker Pop-up
- which rangeSelector button is selected in highcharts
- Django Chartkick library option issues
- angular 2 Highcharts Stock Chart differences
- How to pass JSP array to Javascript of highchart to generate a column chart
- Why would the label of the vertical axis only show after the button is clicked?