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 Query
- How to add text on every section edges in funnel highcharts
- how to add text in top,left and bottom in funnel highcharts
- how to add annotation text to a Highcharts chart?
- How to add thousands separator in highcharts tool tip text box
- How do i add mouse wheel code in Angular2 highcharts in typescript
- how to add dashed border on highcharts "area" graph for every point
- How can I add a text link just below the legend box in highcharts
- How to add text labels to a numerical x axis in Highcharts
- how to add copyright symbol in a highcharts title?
- How do I add an event listener to a Highcharts object *AFTER* I've created it
- How to change the text color in Highcharts
- HighCharts Pie Chart - Add text inside each slice
- How do you add text to the bottom center of legend and bottom center of chart under legend?
- How to add image in Highcharts Title and subtitle
- How to add Highcharts on UIWebView in iOS?
- How to add space between chart and axis in highcharts
- How to add secondary y-axis to highcharts
- How to add a label above each bar in HighCharts
- How to add an item to Highcharts legend?
- How can I force highcharts to show every x-axis label regardless of spacing constraints?
- How to add text to the bottom of a Highchart, but above the legend?
- How to modify Highcharts x-axis tooltip text
- How to add new points to highcharts after plotting the first 'n' points?
- How to remove text which was added via chart.renderer in Highcharts
- How to add background colors to category groupings in Highcharts
- HighCharts : How to add or remove "chart context menu" from chart container?
- How to add point to the beginning of series, Highcharts
- HighCharts Funnel - Set minimum size of each section
- How to add a horizontal line in Column bar chart in Highcharts plugin?
- How to add series after click event in HighCharts
More Query from same tag
- Formating date from database for use in Highcharts
- dates cannot be shown on highcharts
- HighCharts Column Overlapping
- Update Highcarts series data form axios request in VueJS
- Highstock - custom tickPositioner and tickInterval
- Why did the Highcharts export menu disappear when I moved the button?
- Is there a limit to how many data plots you can have on a highcharts graph
- Highcharts function not covered with unit tests with Karma + Jasmine
- Highcharts don't render in Internet Explorer 11
- How to show count of data in pie-chart in chartkick rails
- Append the data values in Highcharts
- How to set datalabels as vertical in Highcharts
- Highcharts how to only plot if x axis is having value greater than 0?
- Rounded corners in highcharts
- Benchmarking HighCharts, D3 and Canvas plotting
- How to remove margins in highmaps?
- Highstocks period scroll not working with jQuery tabs in IE
- Highcharts - adding a question mark where data is missing in a bar chart
- How to show two specific data points from tabular data in Highcharts?
- Highcharts graph not filling Bootstrap box
- Formatter Function not working in Highstocks
- Unable to draw Spline on secondary Y Axis (getting data from CSV file) using highchart
- Stock High Charts with Custom points on X-axis
- Exporting png in HighCharts
- set Highstock xAxis range within options object
- Highcharts Circular Percentage Chart
- Hightchart to display user online time
- Dynamic hover color in highmap
- Rendering a Highcharts.js chart uniformly rather than left-to-right
- Highcharts rangeSelector ytd