score:1
define the marker in the series...
i found this in the api:highchart symbol api
which links to this fiddle: high char jsfiddle
changed the code to work with colour:
$(function () {
var chart = new highcharts.chart({
chart: {
renderto: 'container'
},
xaxis: {
categories: ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec']
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 316.4, 294.1, 195.6, 154.4],
marker: {
fillcolor: '#f11',
linewidth: 2,
linecolor: '999'
}
}, {
data: [216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5],
marker: {
fillcolor: '#999',
linewidth: 2,
linecolor: '#111'
}
}]
});
});
score:1
you can specify the line color and the marker color for each series explicitly.
series color
sets the color to the series.
markers color
sets the color to every point in the series.
demo .
Source: stackoverflow.com
Related Query
- How do I set highcharts line graph point colors to an array of colors?
- How to set a different border line of every single point or serie in Highcharts scatter plot?
- HIGHCHARTS How to to make separate colors for shaded region and the line in Area Graph
- Highcharts - How to set custom colors for the series
- How do I get the value of a highcharts graph point on mouseover?
- Highcharts - How to remove connecting line between fixed tooltip and point
- Highcharts - how to set custom content in point tooltip (popup) on 3D scatter chart or how to customize point tooltip information?
- How to make legend color show up in Highcharts for a line graph under certain conditions?
- how to add dashed border on highcharts "area" graph for every point
- How do I use dates from a LinkedHashMap for the x-axis on a Highcharts line graph (using Thymeleaf)?
- how to continue the graph line when missing series of data in middle of highcharts
- Highcharts : how to set first category on Y-axis in a line chart?
- How to draw a line on a highcharts graph from an AJAX call?
- How to change highcharts graph axis colors on export?
- How can you set colors per level in a Highcharts Sunburst chart?
- Highcharts - How to set a gradient theme for each type of graph globally?
- How to stop plotting the graph if data is blank and continue if data is there on the y-axis in base line highcharts
- Highcharts Theming: How to set gradient colors for certain chart types only?
- Highcharts how to make a set number of colors for pie chart data and drilldown data
- How to add labels to the end of a highcharts line graph
- How to set the enable property to a highcharts line in page load
- Highcharts Highstock How to Plot OHLC and Line Charts from One Set of Embedded CSV Data Using Series Map Tools?
- How to set point in highcharts when x axis and y axis has data as text values?
- How to modify the code so that Highcharts graph does not cover fixed navigation bar at the top of the page?
- How to use ajax call to populate line graph in highcharts
- Highcharts - how to set line height in multiline annotations labels in styled mode
- How to set the graph line chart dynamically?
- How to get 2 data-points with one name in series Line Graph Highcharts Reactjs
- How to show real time HighCharts Line Graph data which is receiving by an API?
- How to set Highcharts chart maximum yAxis value
More Query from same tag
- JavaScript Array to Post or Display
- Horizontal line on open and high of candlestick in stockchart
- Highcharts change a series fill opacity on legendItemClick
- Highcharts columns have no width (seemingly arbitrarily)
- Can I Create a Single HighCharts Graph from Multiple Data Sources (Multiple GoogleSheets in this case)
- Highmaps isn't using a color gradient
- highcharts with scrollbar, how to display all items on download image?
- How to make z-index for area lines in highcharts?
- Android highcharts how to enable or disable data labels
- Adding space between Navigation bar and legend in pie chart(highcharts)
- Datetime Highchart with selection event, set wrongly the extremes
- Can we have 2 Y-axis for StockCharts in HighCart.js?
- Add array data in HighChart android
- Convert the y-axis values to Millions in dual axis high charts
- Highchart plot from two vectors: split the vectors?
- Synchronizing multiple (Highcharts) on a page
- Highcharts - set yAxis.max to max value from data
- Process json data to generate bar graph
- Highcharts yAxis is not scaling to fill available height
- High Chart to High Stock
- how to add text in top,left and bottom in funnel highcharts
- codeigniter with Highcharts- data not coming controller to view
- R - arrange bars in grouped hchart
- Different interval for HighCharts
- Highcharts - stacked columns by category
- Highcharts X-axis labels on the side
- How filter json data with date from datepicker Angular2 app
- Angular cannot using Highcharts X-range series
- how can we set different colors to highcharts-default-patterns?
- How to fetch JSON data from HTML DIV on same page for Highcharts?