score:1
This demo shows how to find labels (SVG elements) in the chart object and create additional gridline using SVG Renderer: http://jsfiddle.net/kkulig/eg7p3r48/
events: {
render: function() {
var yAxis = this.yAxis[0],
renderer = this.renderer,
label = yAxis.ticks[0].label;
renderer.path(['M', label.xy.x, label.xy.y, 'l', label.xy.x - xOffset - 30, 0]).attr({
stroke: 'black',
'stroke-width': 1
}).add();
}
}
API reference: https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#path
Source: stackoverflow.com
Related Query
- High Charts Polar / Spider chart with off-graph y-axis labels
- High charts bar chart label overlaps with the graph when labels are long
- knockoutJS dynamic chart with high charts
- High charts queue chart updates after ajax with multiple charts in firefox
- Nested table yields unexpected columns for a basic column graph using high charts with 'Data defined in a HTML table'
- High Charts Column Chart - Y axis Label Formatting
- x axis label word wrap in high charts for radar chart
- Highcharts drilldown to pie chart - Clicking on axis label with multiple series causes pie charts to overlap
- ChartJS/High Charts Radar chart - Different radial axis labels for each category that appear on hover
- not able to show x axis data with datetimelabel format with {hh:mm} in high charts
- x Axis Labels are cut off from Highcharts Column Chart
- High Charts - area chart with gradient & threshold
- High Charts Line Chart with missing data
- How to remove a gap in high charts graph with two yAxis
- Dates instead of values on Highchart labels in graph with multiple axis
- High charts Issue with stock bar chart multiple line series
- Angular 7 High Charts Stock Chart Datetime X Axis tooltip formatting independently of other tooltips
- How can i draw a high chart with two labels in x coordinate using highchart
- Grouping x axis labels for histogram in high charts
- High Charts Can't hide Pie Chart data labels
- high chart with large variates data and dynamically create y axis
- High Charts for an area-spline chart with area fill on only one data set in series
- High chart area range graph with different border color
- axis labels overlap each other in polar chart
- High charts remove dots from the line graph
- Highcharts - best way to handle and display zero (or negative) values in a line chart series with logarithmic Y axis
- Highcharts polar spider with multiple y-axis scale
- Highcharts - with datetime axis labels overlap
- Highcharts Column chart with drilldown, remove hyperlink like formatting from x-axis labels
- exporting highcharts polar chart to PDF with phantomjs
More Query from same tag
- HighCharts/Highstock: How to programmatically draw the mouse line
- Highcharts format json data from php script / unixtime
- Highcharts same scale steps (equal tick interval) on x and y axis
- Own Tooltip highchart
- How to de-couple and do dependency injection with highcharts-ng
- DateTime xAxis Label Not Displaying Correct
- Highchart gap like highstock
- Highcharts percentage variability position
- Among Fusion Charts,High Charts,EXTJs Charts better
- Using PhantomJs with PHP loops
- Highcharts Drilldown is not show if i have more than 4000 data points
- Highcharts object won't work when filled in a loop
- Highcharts: Fade plotLines based on hover on marker
- Move highcharts yAxis.tickPositioner callback function outside to some util function
- How to make yAxis stackLabels under yAxis in Highcharts?
- Highcharts - Tree map rectangles are showing the next level
- Need to place two stack charts side by side sharing single configuration settings
- highcharts 5.0.14 phantomjs issue with missing axis titles in exported image
- Plot one point on Highcharts JS graph according to x-axis?
- Highcharts series gap auto zipping
- Highstock: xy zooming with panning
- How to use high charts in Angular?
- How to format a pandas dataframe for use with pandas-highcharts within Django
- Highchart Click Event
- Is there a way to disable a legend item by default?
- HighCharts: show alla y axis on tooltip
- How to create 2 separated xAxis chart
- HighCharts API pie chart CSS how to select drilldown labels
- Highchart Vue - How includes momentjs?
- Removing specific days from highcharts datetime graph