Highcharts .NET
11.3.0
|
Inherits BaseObject.
Properties | |
PlotOptionsArcdiagram | Arcdiagram [get, set] |
Arc diagram series is a chart drawing style in which the vertices of the chart are positioned along a line on the Euclidean plane and the edges are drawn as a semicircle in one of the two half-planes delimited by the line, or as smooth curves formed by sequences of semicircles.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all arcdiagram series are defined in plotOptions.arcdiagram.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, arcdiagram: { // shared options for all arcdiagram series } }, series: [{ // specific options for this series instance type: 'arcdiagram' }]}); More... | |
PlotOptionsArea | Area [get, set] |
The area series type.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all area series are defined in plotOptions.area.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, area: { // shared options for all area series } }, series: [{ // specific options for this series instance type: 'area' }]}); More... | |
PlotOptionsArearange | Arearange [get, set] |
The area range series is a carteseian series with higher and lower values foreach point along an X axis, where the area between the values is shaded.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all arearange series are defined in plotOptions.arearange.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, arearange: { // shared options for all arearange series } }, series: [{ // specific options for this series instance type: 'arearange' }]}); More... | |
PlotOptionsAreaspline | Areaspline [get, set] |
The area spline series is an area series where the graph between thepoints is smoothed into a spline.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all areaspline series are defined in plotOptions.areaspline.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, areaspline: { // shared options for all areaspline series } }, series: [{ // specific options for this series instance type: 'areaspline' }]}); More... | |
PlotOptionsAreasplinerange | Areasplinerange [get, set] |
The area spline range is a cartesian series type with higher andlower Y values along an X axis. The area inside the range is colored, andthe graph outlining the area is a smoothed spline.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all areasplinerange series are defined in plotOptions.areasplinerange.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, areasplinerange: { // shared options for all areasplinerange series } }, series: [{ // specific options for this series instance type: 'areasplinerange' }]}); More... | |
PlotOptionsBar | Bar [get, set] |
A bar series is a special type of column series where the columns arehorizontal.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all bar series are defined in plotOptions.bar.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, bar: { // shared options for all bar series } }, series: [{ // specific options for this series instance type: 'bar' }]}); More... | |
PlotOptionsBellcurve | Bellcurve [get, set] |
A bell curve is an areaspline series which represents the probabilitydensity function of the normal distribution. It calculates mean andstandard deviation of the base series data and plots the curve accordingto the calculated parameters.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all bellcurve series are defined in plotOptions.bellcurve.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, bellcurve: { // shared options for all bellcurve series } }, series: [{ // specific options for this series instance type: 'bellcurve' }]}); More... | |
PlotOptionsBoxplot | Boxplot [get, set] |
A box plot is a convenient way of depicting groups of data through theirfive-number summaries: the smallest observation (sample minimum), lowerquartile (Q1), median (Q2), upper quartile (Q3), and largest observation(sample maximum).In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all boxplot series are defined in plotOptions.boxplot.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, boxplot: { // shared options for all boxplot series } }, series: [{ // specific options for this series instance type: 'boxplot' }]}); More... | |
PlotOptionsBubble | Bubble [get, set] |
A bubble series is a three dimensional series type where each pointrenders an X, Y and Z value. Each points is drawn as a bubble where theposition along the X and Y axes mark the X and Y values, and the size ofthe bubble relates to the Z value.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all bubble series are defined in plotOptions.bubble.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, bubble: { // shared options for all bubble series } }, series: [{ // specific options for this series instance type: 'bubble' }]}); More... | |
PlotOptionsBullet | Bullet [get, set] |
A bullet graph is a variation of a bar graph. The bullet graph featuresa single measure, compares it to a target, and displays it in the contextof qualitative ranges of performance that could be set usingplotBands on yAxis.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all bullet series are defined in plotOptions.bullet.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, bullet: { // shared options for all bullet series } }, series: [{ // specific options for this series instance type: 'bullet' }]}); More... | |
PlotOptionsColumn | Column [get, set] |
Column series display one column per value along an X axis.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all column series are defined in plotOptions.column.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, column: { // shared options for all column series } }, series: [{ // specific options for this series instance type: 'column' }]}); More... | |
PlotOptionsColumnpyramid | Columnpyramid [get, set] |
Column pyramid series display one pyramid per value along an X axis.To display horizontal pyramids, set chart.inverted totrue .In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all columnpyramid series are defined in plotOptions.columnpyramid.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, columnpyramid: { // shared options for all columnpyramid series } }, series: [{ // specific options for this series instance type: 'columnpyramid' }]}); More... | |
PlotOptionsColumnrange | Columnrange [get, set] |
The column range is a cartesian series type with higher and lowerY values along an X axis. To display horizontal bars, setchart.inverted to true .In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all columnrange series are defined in plotOptions.columnrange.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, columnrange: { // shared options for all columnrange series } }, series: [{ // specific options for this series instance type: 'columnrange' }]}); More... | |
PlotOptionsCylinder | Cylinder [get, set] |
A cylinder graph is a variation of a 3d column graph. The cylinder graphfeatures cylindrical points.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all cylinder series are defined in plotOptions.cylinder.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, cylinder: { // shared options for all cylinder series } }, series: [{ // specific options for this series instance type: 'cylinder' }]}); More... | |
PlotOptionsDependencywheel | Dependencywheel [get, set] |
A dependency wheel chart is a type of flow diagram, where all nodes are laidout in a circle, and the flow between the are drawn as link bands.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all dependencywheel series are defined in plotOptions.dependencywheel.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, dependencywheel: { // shared options for all dependencywheel series } }, series: [{ // specific options for this series instance type: 'dependencywheel' }]}); More... | |
PlotOptionsDumbbell | Dumbbell [get, set] |
The dumbbell series is a cartesian series with higher and lower valuesfor each point along an X axis, connected with a line between thevalues.Requires highcharts-more.js and modules/dumbbell.js .In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all dumbbell series are defined in plotOptions.dumbbell.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, dumbbell: { // shared options for all dumbbell series } }, series: [{ // specific options for this series instance type: 'dumbbell' }]}); More... | |
PlotOptionsErrorbar | Errorbar [get, set] |
Error bars are a graphical representation of the variability of data andare used on graphs to indicate the error, or uncertainty in a reportedmeasurement.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all errorbar series are defined in plotOptions.errorbar.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, errorbar: { // shared options for all errorbar series } }, series: [{ // specific options for this series instance type: 'errorbar' }]}); More... | |
PlotOptionsFunnel | Funnel [get, set] |
Funnel charts are a type of chart often used to visualize stages in asales project, where the top are the initial stages with the mostclients. It requires that the modules/funnel.js file is loaded.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all funnel series are defined in plotOptions.funnel.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, funnel: { // shared options for all funnel series } }, series: [{ // specific options for this series instance type: 'funnel' }]}); More... | |
PlotOptionsFunnel3d | Funnel3d [get, set] |
A funnel3d is a 3d version of funnel series type. Funnel charts area type of chart often used to visualize stages in a sales project,where the top are the initial stages with the most clients.It requires that the highcharts-3d.js , cylinder.js andfunnel3d.js module are loaded.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all funnel3d series are defined in plotOptions.funnel3d.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, funnel3d: { // shared options for all funnel3d series } }, series: [{ // specific options for this series instance type: 'funnel3d' }]}); More... | |
PlotOptionsGauge | Gauge [get, set] |
Gauges are circular plots displaying one or more values with a dialpointing to values along the perimeter.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all gauge series are defined in plotOptions.gauge.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, gauge: { // shared options for all gauge series } }, series: [{ // specific options for this series instance type: 'gauge' }]}); More... | |
PlotOptionsHeatmap | Heatmap [get, set] |
A heatmap is a graphical representation of data where the individualvalues contained in a matrix are represented as colors.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all heatmap series are defined in plotOptions.heatmap.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, heatmap: { // shared options for all heatmap series } }, series: [{ // specific options for this series instance type: 'heatmap' }]}); More... | |
PlotOptionsHistogram | Histogram [get, set] |
A histogram is a column series which represents the distribution of thedata set in the base series. Histogram splits data into bins and showstheir frequencies.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all histogram series are defined in plotOptions.histogram.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, histogram: { // shared options for all histogram series } }, series: [{ // specific options for this series instance type: 'histogram' }]}); More... | |
PlotOptionsItem | Item [get, set] |
An item chart is an infographic chart where a number of items are laidout in either a rectangular or circular pattern. It can be used tovisualize counts within a group, or for the circular pattern, typicallya parliament.The circular layout has much in common with a pie chart. Many of the itemseries options, like center , size and data label positioning, areinherited from the pie series and don't apply for rectangular layouts.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all item series are defined in plotOptions.item.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, item: { // shared options for all item series } }, series: [{ // specific options for this series instance type: 'item' }]}); More... | |
PlotOptionsLine | Line [get, set] |
A line series displays information as a series of data points connected bystraight line segments.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all line series are defined in plotOptions.line.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, line: { // shared options for all line series } }, series: [{ // specific options for this series instance type: 'line' }]}); More... | |
PlotOptionsLollipop | Lollipop [get, set] |
The lollipop series is a carteseian series with a line anchored fromthe x axis and a dot at the end to mark the value.Requires highcharts-more.js , modules/dumbbell.js andmodules/lollipop.js .In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all lollipop series are defined in plotOptions.lollipop.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, lollipop: { // shared options for all lollipop series } }, series: [{ // specific options for this series instance type: 'lollipop' }]}); More... | |
PlotOptionsNetworkgraph | Networkgraph [get, set] |
A networkgraph is a type of relationship chart, where connnections(links) attracts nodes (points) and other nodes repulse each other.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all networkgraph series are defined in plotOptions.networkgraph.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, networkgraph: { // shared options for all networkgraph series } }, series: [{ // specific options for this series instance type: 'networkgraph' }]}); More... | |
PlotOptionsOrganization | Organization [get, set] |
An organization chart is a diagram that shows the structure of anorganization and the relationships and relative ranks of its parts andpositions.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all organization series are defined in plotOptions.organization.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, organization: { // shared options for all organization series } }, series: [{ // specific options for this series instance type: 'organization' }]}); More... | |
PlotOptionsPackedbubble | Packedbubble [get, set] |
A packed bubble series is a two dimensional series type, where each pointrenders a value in X, Y position. Each point is drawn as a bubblewhere the bubbles don't overlap with each other and the radiusof the bubble relates to the value.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all packedbubble series are defined in plotOptions.packedbubble.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, packedbubble: { // shared options for all packedbubble series } }, series: [{ // specific options for this series instance type: 'packedbubble' }]}); More... | |
PlotOptionsPareto | Pareto [get, set] |
A pareto diagram is a type of chart that contains both bars and a linegraph, where individual values are represented in descending order bybars, and the cumulative total is represented by the line.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all pareto series are defined in plotOptions.pareto.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, pareto: { // shared options for all pareto series } }, series: [{ // specific options for this series instance type: 'pareto' }]}); More... | |
PlotOptionsPictorial | Pictorial [get, set] |
A pictorial chart uses vector images to represents the data.The shape of the data point is taken from the path parameter.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all pictorial series are defined in plotOptions.pictorial.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, pictorial: { // shared options for all pictorial series } }, series: [{ // specific options for this series instance type: 'pictorial' }]}); More... | |
PlotOptionsPie | Pie [get, set] |
A pie chart is a circular graphic which is divided into slices toillustrate numerical proportion.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all pie series are defined in plotOptions.pie.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, pie: { // shared options for all pie series } }, series: [{ // specific options for this series instance type: 'pie' }]}); More... | |
PlotOptionsPolygon | Polygon [get, set] |
A polygon series can be used to draw any freeform shape in the cartesiancoordinate system. A fill is applied with the color option, andstroke is applied through lineWidth and lineColor options.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all polygon series are defined in plotOptions.polygon.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, polygon: { // shared options for all polygon series } }, series: [{ // specific options for this series instance type: 'polygon' }]}); More... | |
PlotOptionsPyramid | Pyramid [get, set] |
A pyramid series is a special type of funnel, without neck and reversedby default.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all pyramid series are defined in plotOptions.pyramid.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, pyramid: { // shared options for all pyramid series } }, series: [{ // specific options for this series instance type: 'pyramid' }]}); More... | |
PlotOptionsPyramid3d | Pyramid3d [get, set] |
A pyramid3d is a 3d version of pyramid series type. Pyramid charts area type of chart often used to visualize stages in a sales project,where the top are the initial stages with the most clients.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all pyramid3d series are defined in plotOptions.pyramid3d.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, pyramid3d: { // shared options for all pyramid3d series } }, series: [{ // specific options for this series instance type: 'pyramid3d' }]}); More... | |
PlotOptionsSankey | Sankey [get, set] |
A sankey diagram is a type of flow diagram, in which the width of thelink between two nodes is shown proportionally to the flow quantity.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all sankey series are defined in plotOptions.sankey.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, sankey: { // shared options for all sankey series } }, series: [{ // specific options for this series instance type: 'sankey' }]}); More... | |
PlotOptionsScatter | Scatter [get, set] |
A scatter plot uses cartesian coordinates to display values for twovariables for a set of data.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all scatter series are defined in plotOptions.scatter.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, scatter: { // shared options for all scatter series } }, series: [{ // specific options for this series instance type: 'scatter' }]}); More... | |
PlotOptionsScatter3d | Scatter3d [get, set] |
A 3D scatter plot uses x, y and z coordinates to display values for threevariables for a set of data.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all scatter3d series are defined in plotOptions.scatter3d.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, scatter3d: { // shared options for all scatter3d series } }, series: [{ // specific options for this series instance type: 'scatter3d' }]}); More... | |
PlotOptionsSeries | Series [get, set] |
General options for all series types.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all line series are defined in plotOptions.line.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, line: { // shared options for all line series } }, series: [{ // specific options for this series instance type: 'line' }]}); More... | |
PlotOptionsSolidgauge | Solidgauge [get, set] |
A solid gauge is a circular gauge where the value is indicated by a filledarc, and the color of the arc may variate with the value.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all solidgauge series are defined in plotOptions.solidgauge.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, solidgauge: { // shared options for all solidgauge series } }, series: [{ // specific options for this series instance type: 'solidgauge' }]}); More... | |
PlotOptionsSpline | Spline [get, set] |
A spline series is a special type of line series, where the segmentsbetween the data points are smoothed.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all spline series are defined in plotOptions.spline.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, spline: { // shared options for all spline series } }, series: [{ // specific options for this series instance type: 'spline' }]}); More... | |
PlotOptionsStreamgraph | Streamgraph [get, set] |
A streamgraph is a type of stacked area graph which is displaced around acentral axis, resulting in a flowing, organic shape.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all streamgraph series are defined in plotOptions.streamgraph.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, streamgraph: { // shared options for all streamgraph series } }, series: [{ // specific options for this series instance type: 'streamgraph' }]}); More... | |
PlotOptionsSunburst | Sunburst [get, set] |
A Sunburst displays hierarchical data, where a level in the hierarchy isrepresented by a circle. The center represents the root node of the tree.The visualization bears a resemblance to both treemap and pie charts.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all sunburst series are defined in plotOptions.sunburst.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, sunburst: { // shared options for all sunburst series } }, series: [{ // specific options for this series instance type: 'sunburst' }]}); More... | |
PlotOptionsTilemap | Tilemap [get, set] |
A tilemap series is a type of heatmap where the tile shapes areconfigurable.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all tilemap series are defined in plotOptions.tilemap.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, tilemap: { // shared options for all tilemap series } }, series: [{ // specific options for this series instance type: 'tilemap' }]}); More... | |
PlotOptionsTimeline | Timeline [get, set] |
The timeline series presents given events along a drawn line.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all timeline series are defined in plotOptions.timeline.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, timeline: { // shared options for all timeline series } }, series: [{ // specific options for this series instance type: 'timeline' }]}); More... | |
PlotOptionsTreegraph | Treegraph [get, set] |
A treegraph series is a diagram, which shows a relation between ancestorsand descendants with a clear parent - child relation.The best examples of the dataStructures, which best reflect this chartare e.g. genealogy tree or directory structure.TODO change back the demo pathIn TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all treegraph series are defined in plotOptions.treegraph.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, treegraph: { // shared options for all treegraph series } }, series: [{ // specific options for this series instance type: 'treegraph' }]}); More... | |
PlotOptionsTreemap | Treemap [get, set] |
A treemap displays hierarchical data using nested rectangles. The datacan be laid out in varying ways depending on options.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all treemap series are defined in plotOptions.treemap.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, treemap: { // shared options for all treemap series } }, series: [{ // specific options for this series instance type: 'treemap' }]}); More... | |
PlotOptionsVariablepie | Variablepie [get, set] |
A variable pie series is a two dimensional series type, where each pointrenders an Y and Z value. Each point is drawn as a pie slice where thesize (arc) of the slice relates to the Y value and the radius of pieslice relates to the Z value.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all variablepie series are defined in plotOptions.variablepie.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, variablepie: { // shared options for all variablepie series } }, series: [{ // specific options for this series instance type: 'variablepie' }]}); More... | |
PlotOptionsVariwide | Variwide [get, set] |
A variwide chart (related to marimekko chart) is a column chart with avariable width expressing a third dimension.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all variwide series are defined in plotOptions.variwide.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, variwide: { // shared options for all variwide series } }, series: [{ // specific options for this series instance type: 'variwide' }]}); More... | |
PlotOptionsVector | Vector [get, set] |
A vector plot is a type of cartesian chart where each point has an X andY position, a length and a direction. Vectors are drawn as arrows.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all vector series are defined in plotOptions.vector.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, vector: { // shared options for all vector series } }, series: [{ // specific options for this series instance type: 'vector' }]}); More... | |
PlotOptionsVenn | Venn [get, set] |
A Venn diagram displays all possible logical relations between acollection of different sets. The sets are represented by circles, andthe relation between the sets are displayed by the overlap or lack ofoverlap between them. The venn diagram is a special case of Eulerdiagrams, which can also be displayed by this series type.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all venn series are defined in plotOptions.venn.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, venn: { // shared options for all venn series } }, series: [{ // specific options for this series instance type: 'venn' }]}); More... | |
PlotOptionsWaterfall | Waterfall [get, set] |
A waterfall chart displays sequentially introduced positive or negativevalues in cumulative columns.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all waterfall series are defined in plotOptions.waterfall.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, waterfall: { // shared options for all waterfall series } }, series: [{ // specific options for this series instance type: 'waterfall' }]}); More... | |
PlotOptionsWindbarb | Windbarb [get, set] |
Wind barbs are a convenient way to represent wind speed and direction inone graphical form. Wind direction is given by the stem direction, andwind speed by the number and shape of barbs.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all windbarb series are defined in plotOptions.windbarb.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, windbarb: { // shared options for all windbarb series } }, series: [{ // specific options for this series instance type: 'windbarb' }]}); More... | |
PlotOptionsWordcloud | Wordcloud [get, set] |
A word cloud is a visualization of a set of words, where the size andplacement of a word is determined by how it is weighted.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all wordcloud series are defined in plotOptions.wordcloud.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, wordcloud: { // shared options for all wordcloud series } }, series: [{ // specific options for this series instance type: 'wordcloud' }]}); More... | |
PlotOptionsXrange | Xrange [get, set] |
The X-range series displays ranges on the X axis, typically timeintervals with a start and end date.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all xrange series are defined in plotOptions.xrange.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, xrange: { // shared options for all xrange series } }, series: [{ // specific options for this series instance type: 'xrange' }]}); More... | |
Hashtable | CustomFields [get, set] |
|
getset |
Arc diagram series is a chart drawing style in which the vertices of the chart are positioned along a line on the Euclidean plane and the edges are drawn as a semicircle in one of the two half-planes delimited by the line, or as smooth curves formed by sequences of semicircles.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all arcdiagram
series are defined in plotOptions.arcdiagram.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, arcdiagram: { // shared options for all arcdiagram series } }, series: [{ // specific options for this series instance type: 'arcdiagram' }]});
|
getset |
The area series type.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all area
series are defined in plotOptions.area.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, area: { // shared options for all area series } }, series: [{ // specific options for this series instance type: 'area' }]});
|
getset |
The area range series is a carteseian series with higher and lower values foreach point along an X axis, where the area between the values is shaded.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all arearange
series are defined in plotOptions.arearange.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, arearange: { // shared options for all arearange series } }, series: [{ // specific options for this series instance type: 'arearange' }]});
|
getset |
The area spline series is an area series where the graph between thepoints is smoothed into a spline.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all areaspline
series are defined in plotOptions.areaspline.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, areaspline: { // shared options for all areaspline series } }, series: [{ // specific options for this series instance type: 'areaspline' }]});
|
getset |
The area spline range is a cartesian series type with higher andlower Y values along an X axis. The area inside the range is colored, andthe graph outlining the area is a smoothed spline.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all areasplinerange
series are defined in plotOptions.areasplinerange.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, areasplinerange: { // shared options for all areasplinerange series } }, series: [{ // specific options for this series instance type: 'areasplinerange' }]});
|
getset |
A bar series is a special type of column series where the columns arehorizontal.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all bar
series are defined in plotOptions.bar.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, bar: { // shared options for all bar series } }, series: [{ // specific options for this series instance type: 'bar' }]});
|
getset |
A bell curve is an areaspline series which represents the probabilitydensity function of the normal distribution. It calculates mean andstandard deviation of the base series data and plots the curve accordingto the calculated parameters.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all bellcurve
series are defined in plotOptions.bellcurve.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, bellcurve: { // shared options for all bellcurve series } }, series: [{ // specific options for this series instance type: 'bellcurve' }]});
|
getset |
A box plot is a convenient way of depicting groups of data through theirfive-number summaries: the smallest observation (sample minimum), lowerquartile (Q1), median (Q2), upper quartile (Q3), and largest observation(sample maximum).In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all boxplot
series are defined in plotOptions.boxplot.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, boxplot: { // shared options for all boxplot series } }, series: [{ // specific options for this series instance type: 'boxplot' }]});
|
getset |
A bubble series is a three dimensional series type where each pointrenders an X, Y and Z value. Each points is drawn as a bubble where theposition along the X and Y axes mark the X and Y values, and the size ofthe bubble relates to the Z value.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all bubble
series are defined in plotOptions.bubble.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, bubble: { // shared options for all bubble series } }, series: [{ // specific options for this series instance type: 'bubble' }]});
|
getset |
A bullet graph is a variation of a bar graph. The bullet graph featuresa single measure, compares it to a target, and displays it in the contextof qualitative ranges of performance that could be set usingplotBands on yAxis.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all bullet
series are defined in plotOptions.bullet.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, bullet: { // shared options for all bullet series } }, series: [{ // specific options for this series instance type: 'bullet' }]});
|
getset |
Column series display one column per value along an X axis.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all column
series are defined in plotOptions.column.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, column: { // shared options for all column series } }, series: [{ // specific options for this series instance type: 'column' }]});
|
getset |
Column pyramid series display one pyramid per value along an X axis.To display horizontal pyramids, set chart.inverted totrue
.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all columnpyramid
series are defined in plotOptions.columnpyramid.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, columnpyramid: { // shared options for all columnpyramid series } }, series: [{ // specific options for this series instance type: 'columnpyramid' }]});
|
getset |
The column range is a cartesian series type with higher and lowerY values along an X axis. To display horizontal bars, setchart.inverted to true
.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all columnrange
series are defined in plotOptions.columnrange.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, columnrange: { // shared options for all columnrange series } }, series: [{ // specific options for this series instance type: 'columnrange' }]});
|
getset |
A cylinder graph is a variation of a 3d column graph. The cylinder graphfeatures cylindrical points.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all cylinder
series are defined in plotOptions.cylinder.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, cylinder: { // shared options for all cylinder series } }, series: [{ // specific options for this series instance type: 'cylinder' }]});
|
getset |
A dependency wheel chart is a type of flow diagram, where all nodes are laidout in a circle, and the flow between the are drawn as link bands.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all dependencywheel
series are defined in plotOptions.dependencywheel.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, dependencywheel: { // shared options for all dependencywheel series } }, series: [{ // specific options for this series instance type: 'dependencywheel' }]});
|
getset |
The dumbbell series is a cartesian series with higher and lower valuesfor each point along an X axis, connected with a line between thevalues.Requires highcharts-more.js
and modules/dumbbell.js
.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all dumbbell
series are defined in plotOptions.dumbbell.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, dumbbell: { // shared options for all dumbbell series } }, series: [{ // specific options for this series instance type: 'dumbbell' }]});
|
getset |
Error bars are a graphical representation of the variability of data andare used on graphs to indicate the error, or uncertainty in a reportedmeasurement.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all errorbar
series are defined in plotOptions.errorbar.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, errorbar: { // shared options for all errorbar series } }, series: [{ // specific options for this series instance type: 'errorbar' }]});
|
getset |
Funnel charts are a type of chart often used to visualize stages in asales project, where the top are the initial stages with the mostclients. It requires that the modules/funnel.js file is loaded.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all funnel
series are defined in plotOptions.funnel.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, funnel: { // shared options for all funnel series } }, series: [{ // specific options for this series instance type: 'funnel' }]});
|
getset |
A funnel3d is a 3d version of funnel series type. Funnel charts area type of chart often used to visualize stages in a sales project,where the top are the initial stages with the most clients.It requires that the highcharts-3d.js
, cylinder.js
andfunnel3d.js
module are loaded.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all funnel3d
series are defined in plotOptions.funnel3d.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, funnel3d: { // shared options for all funnel3d series } }, series: [{ // specific options for this series instance type: 'funnel3d' }]});
|
getset |
Gauges are circular plots displaying one or more values with a dialpointing to values along the perimeter.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all gauge
series are defined in plotOptions.gauge.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, gauge: { // shared options for all gauge series } }, series: [{ // specific options for this series instance type: 'gauge' }]});
|
getset |
A heatmap is a graphical representation of data where the individualvalues contained in a matrix are represented as colors.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all heatmap
series are defined in plotOptions.heatmap.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, heatmap: { // shared options for all heatmap series } }, series: [{ // specific options for this series instance type: 'heatmap' }]});
|
getset |
A histogram is a column series which represents the distribution of thedata set in the base series. Histogram splits data into bins and showstheir frequencies.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all histogram
series are defined in plotOptions.histogram.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, histogram: { // shared options for all histogram series } }, series: [{ // specific options for this series instance type: 'histogram' }]});
|
getset |
An item chart is an infographic chart where a number of items are laidout in either a rectangular or circular pattern. It can be used tovisualize counts within a group, or for the circular pattern, typicallya parliament.The circular layout has much in common with a pie chart. Many of the itemseries options, like center
, size
and data label positioning, areinherited from the pie series and don't apply for rectangular layouts.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all item
series are defined in plotOptions.item.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, item: { // shared options for all item series } }, series: [{ // specific options for this series instance type: 'item' }]});
|
getset |
A line series displays information as a series of data points connected bystraight line segments.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all line
series are defined in plotOptions.line.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, line: { // shared options for all line series } }, series: [{ // specific options for this series instance type: 'line' }]});
|
getset |
The lollipop series is a carteseian series with a line anchored fromthe x axis and a dot at the end to mark the value.Requires highcharts-more.js
, modules/dumbbell.js
andmodules/lollipop.js
.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all lollipop
series are defined in plotOptions.lollipop.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, lollipop: { // shared options for all lollipop series } }, series: [{ // specific options for this series instance type: 'lollipop' }]});
|
getset |
A networkgraph is a type of relationship chart, where connnections(links) attracts nodes (points) and other nodes repulse each other.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all networkgraph
series are defined in plotOptions.networkgraph.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, networkgraph: { // shared options for all networkgraph series } }, series: [{ // specific options for this series instance type: 'networkgraph' }]});
|
getset |
An organization chart is a diagram that shows the structure of anorganization and the relationships and relative ranks of its parts andpositions.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all organization
series are defined in plotOptions.organization.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, organization: { // shared options for all organization series } }, series: [{ // specific options for this series instance type: 'organization' }]});
|
getset |
A packed bubble series is a two dimensional series type, where each pointrenders a value in X, Y position. Each point is drawn as a bubblewhere the bubbles don't overlap with each other and the radiusof the bubble relates to the value.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all packedbubble
series are defined in plotOptions.packedbubble.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, packedbubble: { // shared options for all packedbubble series } }, series: [{ // specific options for this series instance type: 'packedbubble' }]});
|
getset |
A pareto diagram is a type of chart that contains both bars and a linegraph, where individual values are represented in descending order bybars, and the cumulative total is represented by the line.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all pareto
series are defined in plotOptions.pareto.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, pareto: { // shared options for all pareto series } }, series: [{ // specific options for this series instance type: 'pareto' }]});
|
getset |
A pictorial chart uses vector images to represents the data.The shape of the data point is taken from the path parameter.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all pictorial
series are defined in plotOptions.pictorial.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, pictorial: { // shared options for all pictorial series } }, series: [{ // specific options for this series instance type: 'pictorial' }]});
|
getset |
A pie chart is a circular graphic which is divided into slices toillustrate numerical proportion.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all pie
series are defined in plotOptions.pie.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, pie: { // shared options for all pie series } }, series: [{ // specific options for this series instance type: 'pie' }]});
|
getset |
A polygon series can be used to draw any freeform shape in the cartesiancoordinate system. A fill is applied with the color
option, andstroke is applied through lineWidth
and lineColor
options.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all polygon
series are defined in plotOptions.polygon.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, polygon: { // shared options for all polygon series } }, series: [{ // specific options for this series instance type: 'polygon' }]});
|
getset |
A pyramid series is a special type of funnel, without neck and reversedby default.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all pyramid
series are defined in plotOptions.pyramid.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, pyramid: { // shared options for all pyramid series } }, series: [{ // specific options for this series instance type: 'pyramid' }]});
|
getset |
A pyramid3d is a 3d version of pyramid series type. Pyramid charts area type of chart often used to visualize stages in a sales project,where the top are the initial stages with the most clients.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all pyramid3d
series are defined in plotOptions.pyramid3d.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, pyramid3d: { // shared options for all pyramid3d series } }, series: [{ // specific options for this series instance type: 'pyramid3d' }]});
|
getset |
A sankey diagram is a type of flow diagram, in which the width of thelink between two nodes is shown proportionally to the flow quantity.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all sankey
series are defined in plotOptions.sankey.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, sankey: { // shared options for all sankey series } }, series: [{ // specific options for this series instance type: 'sankey' }]});
|
getset |
A scatter plot uses cartesian coordinates to display values for twovariables for a set of data.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all scatter
series are defined in plotOptions.scatter.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, scatter: { // shared options for all scatter series } }, series: [{ // specific options for this series instance type: 'scatter' }]});
|
getset |
A 3D scatter plot uses x, y and z coordinates to display values for threevariables for a set of data.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all scatter3d
series are defined in plotOptions.scatter3d.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, scatter3d: { // shared options for all scatter3d series } }, series: [{ // specific options for this series instance type: 'scatter3d' }]});
|
getset |
General options for all series types.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all line
series are defined in plotOptions.line.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, line: { // shared options for all line series } }, series: [{ // specific options for this series instance type: 'line' }]});
|
getset |
A solid gauge is a circular gauge where the value is indicated by a filledarc, and the color of the arc may variate with the value.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all solidgauge
series are defined in plotOptions.solidgauge.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, solidgauge: { // shared options for all solidgauge series } }, series: [{ // specific options for this series instance type: 'solidgauge' }]});
|
getset |
A spline series is a special type of line series, where the segmentsbetween the data points are smoothed.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all spline
series are defined in plotOptions.spline.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, spline: { // shared options for all spline series } }, series: [{ // specific options for this series instance type: 'spline' }]});
|
getset |
A streamgraph is a type of stacked area graph which is displaced around acentral axis, resulting in a flowing, organic shape.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all streamgraph
series are defined in plotOptions.streamgraph.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, streamgraph: { // shared options for all streamgraph series } }, series: [{ // specific options for this series instance type: 'streamgraph' }]});
|
getset |
A Sunburst displays hierarchical data, where a level in the hierarchy isrepresented by a circle. The center represents the root node of the tree.The visualization bears a resemblance to both treemap and pie charts.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all sunburst
series are defined in plotOptions.sunburst.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, sunburst: { // shared options for all sunburst series } }, series: [{ // specific options for this series instance type: 'sunburst' }]});
|
getset |
A tilemap series is a type of heatmap where the tile shapes areconfigurable.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all tilemap
series are defined in plotOptions.tilemap.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, tilemap: { // shared options for all tilemap series } }, series: [{ // specific options for this series instance type: 'tilemap' }]});
|
getset |
The timeline series presents given events along a drawn line.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all timeline
series are defined in plotOptions.timeline.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, timeline: { // shared options for all timeline series } }, series: [{ // specific options for this series instance type: 'timeline' }]});
|
getset |
A treegraph series is a diagram, which shows a relation between ancestorsand descendants with a clear parent - child relation.The best examples of the dataStructures, which best reflect this chartare e.g. genealogy tree or directory structure.TODO change back the demo pathIn TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all treegraph
series are defined in plotOptions.treegraph.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, treegraph: { // shared options for all treegraph series } }, series: [{ // specific options for this series instance type: 'treegraph' }]});
|
getset |
A treemap displays hierarchical data using nested rectangles. The datacan be laid out in varying ways depending on options.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all treemap
series are defined in plotOptions.treemap.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, treemap: { // shared options for all treemap series } }, series: [{ // specific options for this series instance type: 'treemap' }]});
|
getset |
A variable pie series is a two dimensional series type, where each pointrenders an Y and Z value. Each point is drawn as a pie slice where thesize (arc) of the slice relates to the Y value and the radius of pieslice relates to the Z value.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all variablepie
series are defined in plotOptions.variablepie.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, variablepie: { // shared options for all variablepie series } }, series: [{ // specific options for this series instance type: 'variablepie' }]});
|
getset |
A variwide chart (related to marimekko chart) is a column chart with avariable width expressing a third dimension.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all variwide
series are defined in plotOptions.variwide.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, variwide: { // shared options for all variwide series } }, series: [{ // specific options for this series instance type: 'variwide' }]});
|
getset |
A vector plot is a type of cartesian chart where each point has an X andY position, a length and a direction. Vectors are drawn as arrows.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all vector
series are defined in plotOptions.vector.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, vector: { // shared options for all vector series } }, series: [{ // specific options for this series instance type: 'vector' }]});
|
getset |
A Venn diagram displays all possible logical relations between acollection of different sets. The sets are represented by circles, andthe relation between the sets are displayed by the overlap or lack ofoverlap between them. The venn diagram is a special case of Eulerdiagrams, which can also be displayed by this series type.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all venn
series are defined in plotOptions.venn.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, venn: { // shared options for all venn series } }, series: [{ // specific options for this series instance type: 'venn' }]});
|
getset |
A waterfall chart displays sequentially introduced positive or negativevalues in cumulative columns.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all waterfall
series are defined in plotOptions.waterfall.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, waterfall: { // shared options for all waterfall series } }, series: [{ // specific options for this series instance type: 'waterfall' }]});
|
getset |
Wind barbs are a convenient way to represent wind speed and direction inone graphical form. Wind direction is given by the stem direction, andwind speed by the number and shape of barbs.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all windbarb
series are defined in plotOptions.windbarb.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, windbarb: { // shared options for all windbarb series } }, series: [{ // specific options for this series instance type: 'windbarb' }]});
|
getset |
A word cloud is a visualization of a set of words, where the size andplacement of a word is determined by how it is weighted.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all wordcloud
series are defined in plotOptions.wordcloud.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, wordcloud: { // shared options for all wordcloud series } }, series: [{ // specific options for this series instance type: 'wordcloud' }]});
|
getset |
The X-range series displays ranges on the X axis, typically timeintervals with a start and end date.In TypeScript the type option must always be set.Configuration options for the series are given in three levels:1. Options for all series in a chart are defined in the plotOptions.series object.2. Options for all xrange
series are defined in plotOptions.xrange.3. Options for one single series are given in the series instance array.Highcharts.chart('container', { plotOptions: { series: { // general options for all series }, xrange: { // shared options for all xrange series } }, series: [{ // specific options for this series instance type: 'xrange' }]});