score:1
You can render triangles by using Highcharts.SVGRenderer
.
API Reference: https://api.highcharts.com/class-reference/Highcharts.SVGRenderer
But I think the easiest option will be using a scatter series with triangle markers to achive this. Check the following config and demo:
{
type: 'scatter',
showInLegend: false,
enableMouseTracking: false,
marker: {
symbol: 'triangle-down',
fillColor: 'rgb(124, 181, 236)',
radius: 9
},
states: {
inactive: {
opacity: 1,
},
},
data: [{
x: 9,
y: -1.3
},
{
x: 10,
y: -8.7
},
{
x: 11,
y: -9.0
}
]
}
Source: stackoverflow.com
Related Articles
- Highchart - Column range as arrows
- Convert and Sort Data for HighChart Column Range Representation
- Highchart multiple column range in same series on bar chart
- Column based Highchart drilldown series assign color code to each column
- How to set a 24h range on the y-axis of a column highchart
- Highchart column range with hour
- Highchart area range on a plot column
- How to create a column range chart in Highcharts using range and navigator functions?
- Highchart specific width stack column bar graph
- Highchart Area Range chart with gradient that follows the line
- How to apply borderRadius only for top side of Column or Bar in Highchart
- Highcharts column range change color for negative numbers
- How to know information about the clicked bar in highchart column r shiny plot
- Setting variable column size in bar highchart (Rshiny)
- Highchart Stacked Column w/ Datetime X-axis Columns Too Thin
- HighCharts stacked column range
- High chart - Column Range Chart with Time range. How to get tooltip as Start and End time
- How to add a background image (pattern) to highchart column graph?
- Customize Stacked column chart in highChart
- Fire click event on a highchart column drilldown chart on clicking x axis for drill down reports
- How to Change Highchart Column Color Dynamicly
- hide a particular column on xAxis highchart Column Chart
- some of dataLabels not showing in stacked column Highchart
- how to exclude last column from highchart from table
- trying to dynamically update Highchart column chart but series undefined
- Highchart / Highstock stack column chart show one series's tooltip at a time
- how to change color of line chart in highchart based on a categorical column in r?
- How to set border in column chart - Highchart
- how to dynamically change column chart to mirror chart using highchart
- Nothing displayed in Highchart Column
- php: laravel slow view render time when rendering javascript for highcharts
- Making Highcharts appear in a infowindow window when making an AJAX request with Google Maps
- angular2-highcharts: update rendered chart data
- Angularjs javascript loading sometime not work
- highcharts additional title opinion
- How to skip a value in highcharts.js?
- Setting background color of rangeSelector container in Highstock/Highcharts
- Round off the area points in Highcharts Polar
- JSON getting data from multidimensional arrays
- Set stacking column graph colors from the bottom up
- Angular highcharts modules conflict after import heatmap
- Making columns wider in Highcharts
- draw linear-gradient line chart in highchart.js based on another series
- How Can I show a percentage of the value on the graph?
- Highcharts: Uncommon x axis value set at the end of the graph.
- Rails App Plotting Zeros in Highchart Graph via Lazy_High_Charts Gem
- Highcharts: grouped columns with percentages
- Saving images from HTML5 canvas directly
- in HighChart the X axis 0(zero) geting up in the middle of the chart when there is no record or all the records are zero
- Highcharts pie chart - offset a single slice on legend click