score:0
Accepted answer
$(function () {
$('#container').highcharts({
chart: {
polar: true,
type: 'line'
},
title: {
text: 'Budget vs spending',
x: -80
},
pane: {
size: '80%'
},
xAxis: {
categories: ['Sales', 'Marketing', 'Development', 'Customer Support',
'Information Technology', 'Administration'],
tickmarkPlacement: 'on',
lineWidth: 0
},
yAxis: {
gridLineInterpolation: 'polygon',
lineWidth: 0,
min: 0,
labels: {
formatter: function() {
return null;
}
},
title: {
text: '10'
},
},
tooltip: {
shared: true,
pointFormat: '<span style="color:{series.color}">{series.name}: <b>${point.y:,.0f}</b><br/>'
},
legend: {
align: 'right',
verticalAlign: 'top',
y: 70,
layout: 'vertical'
},
series: [{
name: 'Allocated Budget',
data: [43000, 19000, 60000, 35000, 17000, 10000],
pointPlacement: 'on'
}, {
name: 'Actual Spending',
data: [50000, 39000, 42000, 31000, 26000, 14000],
pointPlacement: 'on'
}]
});
});
you can also check http://www.highcharts.com/docs/chart-design-and-style/colors for color and style
Source: stackoverflow.com
Related Query
- How to Disable Highchart Unit Display None
- How to Disable Highchart Unit Display None
- How to display highchart series line marker symbol from tooltip formatter?
- How to display highchart y axis with constistant data
- how to display 2 same highcharts without duplicate the code
- How to disable the display of the charts with highcharts?
- How to disable or remove the default HighChart loading message?
- How to do In highchart tooltip display the first 100 characters and then say "See more .."?
- How Can we display blocked area for particular timeline in horizontal bar in gantt highchart
- how to display highchart graphic with data defined in html table?
- how to display menu from date in highchart
- How to display top 3 data label in piechart highchart
- Android highchart how to disable export button?
- How to display Multiple Highchart in single page
- How to disable a highchart chart completely
- How to display a highchart with more than one line?
- How to display grid line on top of highchart
- How to disable label from Highchart
- How to display custom data on mouseover of column chart in highchart in addition to series data?
- how to disable the color change on mousehover in sankeycharts Highchart . { hover: {color: '#a4edba',opacity: 1,filter: {type: 'none',}}} didnt work
- How do I fix highchart to display series correctly with a special marker
- How to render Gantt Highchart from data source
- Highchart spline Cut Off when reach to maximum scale value. How can it fixed?. I have attached may sample code on body
- Highchart DateTime Axis: How to display non existent data as 0 or gap
- how to display drilldown column highchart using json array objects - 3 level drilldown column highchart
- how to display the highchart data with data serialize from a form using button onclick?
- How to display basic line graph in Highchart for multiple categories' data from csv?
- R HIGHCHARTER - How to display additional series values on a highchart hover?
- Highchart Callback Refactoring not working, and how to display multiple series using multiple Ajax data
- how to hide highchart x - axis data values
More Query from same tag
- dygraph equivalent for highcharts area range charts
- Highchart, how to vertically align in the middle a line?
- HighCharts: Updating stops in yAxis does not work
- Activity Gauze Highchart DataLabel
- Highcharts: legend on bottom with custom marginBottom already
- embedded ruby not working in highcharts
- highcharts-ng grows but doesn't shrink in flexbox
- Highcharts Line Chart Drill down not working properly
- a better way to color many individual markers in a scatter chart?
- datatable inside Highcharts-Pie chart
- Highchart angular directive doesn't redraw from dynamic (ajax) data table
- Highcharts can not update diagram using angular.js
- FusionCharts Failed to draw different chart on same data source
- How to implement Highcharts column-drilldown chart in Rails application?
- Highmaps js, on Hover display additional data
- How to read serie names from data table for the legend
- Activity gauge High Chart with Range option
- Java Server Based Highcharts and width limitation
- dotnethighcharts - pointwidth
- Highcharts combining a column and spline chart from an html data table
- Manually drilldown highcharts
- Incorrect Highcharts colorAxis range
- Highcharts percentage variability position
- Highcharts -> Style vertical lines in the navigator
- Unable to set xAxis min for Highstock (Highcharts)
- Highchart area chart with date time
- Highstock flag position not correct for yAxis with top set
- Highstock Options in Yii Booster Highcharts
- Hightchart with ajax request
- Highcharts X-Axis value not completely displayed