score:2
if you don't specify any colours when creating a chart or adding a series, highcharts will pick one from it's default colours. there are a limited number of defaults.
however, you can tell highcharts about a new set of default colours, so you could give it more to chose from, up to the maxumum you want to support. this code sets 9 defaults, but you can add as many as you want, you just need to come up with some unique colours:
highcharts.setoptions({
colors:[
'#058dc7', '#50b432', '#ed561b', '#dddf00', '#24cbe5', '#64e572', '#ff9655', '#fff263', '#6af9c4']
});
make this the first thing you call.
Source: stackoverflow.com
Related Query
- Highcharts for multiple plot lines each with a different color and show tooltip?
- Highcharts shared tooltip for line series and scatter plot not working
- Highcharts - multiple yAxis each with its own tooltip
- Highcharts shared tooltip between charts with multiple series and shared tooltip
- Highcharts show the same yAxis start and end value with multiple data series
- Tooltip in chart with line- and scatter plot in highcharts 3.0.7
- How to use Highcharts React to create chart with multiple lines for same XAxis?
- highcharts dataLabels support RTL with enable hover it for show tooltip
- Why does this Highcharts graph only show tooltip for the first and last nodes?
- Highcharts - Different Marker for Each Point of Area Plot
- Highcharts gantt chart : Task progress indicator need to show a single task for various status like completed,inprogress etc with different colors
- Highcharts show max., min., and average for each serie in legend
- how to show column and area charts with different y axis with same category and same x axis in highcharts
- Change the legend in highcharts heatmap to show instead of a color bar, a set of fixed icons with hide and show on click
- How can I apply different background color to entire tooltip for different series in highcharts
- How to add a vertical plot line in multiple line series and show the tooltip on Plot line in highchart
- Highcharts - Issue with showing and hiding plot lines and bands on legendItemClick
- show tooltip for each point of highcharts network graph in Angular
- How to have multiple highcharts with different series data in vuejs without repeating code
- Different ToolTip text For Links and Nodes in Highcharts Sankey Charts
- Set a different tooltip formatter for each sunburst levels - Highcharts
- Highcharts polar spider with Min and Max for each y-axis
- Why does highcharts sankey chart sometimes combine multiple nodes with same node name but different Id into one and hide the lines?
- Line and column combo chart with multiple columns for each category, how to position line marker for each category on a specific column?
- after using for loop all my column graphs are plotted in single color i need each bar in different color in highcharts
- how to create a column char with highcharts where each column has a different color
- How to force tooltip to show in multiple graphs in highcharts with Vue 3?
- multiple color axis for different parent groups of treemap highcharts
- Highcharts gantt - show multiple xAxis rows, one for year and one for month
- HIGHCHARTS - Given a series with UNIX stamps and values pairs for the data, how do I show only the date for the first and last point on xAxis?
More Query from same tag
- Repeated values in x axis in dotnet highchart controls
- Highcharts / Highstock stepline with integer values drawing halfsteps?
- Highcharts: make tooltip's arrow (anchor) always visible
- highcharts: Indent labels from pie-chart
- Highstock tooltip Formatter not able to display extra data
- Loading Highcharts series from XML using jQuery
- Y-Axis Highchart
- How to display fixed tooltip position in a multiple series highchart?
- HighChart: Donut Pie with URL
- Hiding _groups_ of series in Highcharts and jQuery: how to get acceptable performance?
- drag and zoom scatter plot in highcharts shiny R
- Control positioning of background image/pattern
- not able to show x axis data with datetimelabel format with {hh:mm} in high charts
- How to format high charts?
- Highcharts triangle (or any type of marker pointer) in stacked bars
- Connect two different values with vertical line in highcharts
- change VueJS component data value from inside Highchart event
- Drawing Bubble Chart by using npm highcharts with error #17
- Changing Highcharts data series type dynamically
- Highstock with datepicker and a non-default date
- Render Highchart with dynamic ID in jQuery tooltip
- How can I click an element in jquery
- Charts using Highcharts with multiple series from JSON
- Highcharts JS: Gap between X-Axis labels is too thin
- .Net wrapper for HighStock
- Highchart's y axis overlay with another
- how to draw charts with json file data in highcharts
- Highcharts Spider Web Label overlap (Top and Bottom)
- Plot always starts at 0, highstock spline chart
- Highcharts code with same set of code/data works in PHP but does not work in JSfiddle