100_070_Graph_Layout
Previous Chapter Previous Page Next Page Next Chapter Table of content
Description : In radar chart, lines are drawn from the center to the external part of the graph; With option angleLineColor you can set the color of the line.
Graph Type : radar
Values : any valid color
Default Value : "rgba(0,0,0,.1)"
Sample : scaleLineColor : “yellow”
See also : angleLineWidth,scaleLineColor, scaleLineWidth
Description : In radar chart, lines are drawn from the center to the external part of the graph; With option angleLineWidth you can set the width of the line.
Graph Type : radar
Values : any positive integer
Default Value :1
Sample : angleLineWidth : 3
See also : angleLineColor,angleShowLineOut, scaleLineColor, scaleLineWidth
Description : In radar chart, lines are drawn from the center to the external part of the graph; With option angleShowLineOut you can decide if those lines have to be displayed or not.
Graph Type : radar
Values : true or false
Default Value : true
Sample : angleShowLineOut : false
See also : angleLineColor,angleLineWidth, scaleLineColor, scaleLineWidth
Description : Bars and horizontalBars ends can be rounded. Therefor use option barBorderRadius.
Graph Type : bar, HorizontalBar
Values : any positive integer
Default Value : 0
Sample : barBorderRadius:3
See also :
Description : with the barDatasetSpacing, you can define the free space (in pixel) after each bars.
Graph Type : bar, horizontalBar, stackedBar, horizontalStackedBar
Values : any positive integer.
Default Value : 1
Sample : barDatasetSpacing : 20
See also : barValueSpacing
Description : bars can be rouned or not by lines. Set option barShowStroke to true if you want to drawn those lines.
Graph Type : bar, horizontalBar, stackedBar, horizontalStackedBar
Values : true or false
Default Value :true
Sample : barShowStroke : false
See also : barStrokeWidth
Description : Specify the width of the lines rounding the bars with option barStrokeWidth
Graph Type : bar, horizontalBar, stackedBar, horizontalStackedBar
Values : any positive value.
Default Value : 1
Sample : barStrokeWidth : 5
See also : barShowStroke
Description : with option barDatasetSpacing, you can define the free space after each bar; With option barValueSpacing, you can define an additional free space after a group of bar (for stackedBar and horizontalStackedBar each bar is a group of bar…)
Graph Type : bar, horizontalBar, stackedBar, horizontalStackedBar
Values : any positive value.
Default Value : 5
Sample : barValueSpacing : 10
See also :barDatasetSpacing
Description : in line graph, you can round the lines between two points or drawn line segments. Use option bezierCurve for defining your choice.
Graph Type : line
Values : true or false
Default Value :true ( round the lines)
Sample : bezierCurve : false
See also :
Description : in line graph, the space between the X Axis (on position 0) can be filled or not. In radar graph, the area can be filled or not.
Graph Type : line,radar
Values : true or false
Default Value : true ( line are filled)
Sample : datasetFill : false
See also :
Description : specify the width of the lines with option datasetStrokeWidth
Graph Type : radar, line
Values : any positive integer
Default Value : 2
Sample : datasetStrokeWidth : 10
See also :
Description: for some graphs, you have to define the filling color. If you omit to specify a fillColor, thedefaultFillColor will be used.
Graph Type : line, bar, horizontalBar, stackeBar, horizontalStackedBar, radar
Values : any valid color
Default value : “rgba(220,220,220,0,5)”
Sample: defaultFillColor : “green”
See also : defaultStrokeColor
Description: for some graphs, you have to define the stroke color. If you omit to specify a strokeColor, thedefaultStrokeColor will be used.
Graph Type : line, bar, horizontalBar, stackeBar, horizontalStackedBar, radar
Values : any valid color
Default value : “rgba(220,220,220,1)”
Sample: defaultFillColor : “green”
See also : defaultFillColor
Description : by default, the maximum value of the Y Axis is computed on basis of your data. You can forcethe maximum value with option graphMax.
Graph Type : line, bar, horizontalBar, stackeBar, horizontalStackedBar, radar, polarArea
Values : any real value.
Default Value : (none)
Sample : graphMax : 100
See also :graphMin
Description : The graph part in radar charts is not maximized : it most of the case, it can be greater if it is not centered. With option graphMaximized, the graph is maximized (and not centered in the canvas).
Graph Type : radar
Values : true or false
Default Value : false
Sample : graphMaximized : true
See also :
Description : by default, the minimum value of the Y Axis is computed on basis of your data. You can force the minimum value with option graphMin. REMARK : By default, the minimum value is not forced to 0 in radar and polarArea (It was not the case in Nick’s version and has been kept so in these version). But I think that it should be set to 0 for those graphs.
Graph Type : line, bar, horizontalBar, stackeBar, horizontalStackedBar, radar, polarArea
Values : any real value.
Default Value : (none)
Sample : graphMin : 0
See also :graphMax
Description : with option percentageInnerCutout you specify the size of the hole in the doughNut.
Graph Type : doughNut
Values : a value between 0 and 100 (0 no hole pie chart)
Default Value : 50
Sample : percentageInnerCutout : 25
See also :
Description : In line and radar charts, a circle is displayed at each (x,y) value; To remove those (small) circles, set option pointDot to false. Remark : The color of the circle is defined in the data passed to the graph function through variable pointColor; the color of the border of the point is also defined in the data passed to the graph function through variable pointStrokeColor. Graph Type : line, radar
Values : true or false
Default Value :true
Sample : pointDot : false
See also : pointDotRadius, pointDotStrokeWidth
Description : In line and radar charts, a circle is displayed at each (x,y) value; specify the radius of the circle with option pointDotRadius
Graph Type : line, radar
Values : any positive integer
Default Value :
- 3 for radar
- 4 for lines.
Sample : pointDotRadius : 5
See also : pointDot, pointDotStrokeWidth
Description : In line and radar charts, a circle is displayed at each (x,y) value; specify the width of the line around the circle with option pointDotStrokeWidth
Graph Type : line, radar
Values : any positive integer
Default Value :
- 1 for radar
- 2 for lines
Sample : pointDotStrokeWidth : 3
See also : pointDot, pointDotRadius
Description : in radar charts, the value associated to the data are displayed in the graph (in following sample : January, February, … July). Specify the color of the font of those labels with option pointLabelFontColor.
Graph Type : radar
Values : any valid color
Default Value : "#666"
Sample : pointLabelFontColor : “black”
See also : pointLabelFontFamily, pointLabelFontsize,pointLabelFontStyle
Description : in radar charts, the value associated to the data are displayed in the graph (see sample in description of pointLabelFontColor). Specify the font of those labels with parameter pointLabelFontFamily.
Graph Type : radar
Values : any valid font
Default Value : "'Arial'"
Sample :
See also : pointLabelFontColor, pointLabelFontsize,pointLabelFontStyle
Description : in radar charts, the value associated to the data are displayed in the graph (see sample in description of pointLabelFontColor). Specify the size of the font of those labels with parameter pointLabelFontSize.
Graph Type : radar
Values : a positive integer
Default Value : 12
Sample : pointLabelFontSize:10
See also : pointLabelFontColor, pointLabelFontFamily, pointLabelFontStyle
Description : in radar charts, the value associated to the data are displayed in the graph (see sample in description of pointLabelFontColor). Specify the style of the font of those labels with parameter pointLabelFontStyle.
Graph Type : radar
Values : any valid font style
Default Value : "normal"
Sample : pointLabelFontStyle : “italic”
See also : pointLabelFontColor, pointLabelFontFamily, pointLabelFontsize
Description : The radius of the pie/doughtnut is computed. If you want to increase or reduce the radius of the pie/doughnut, use option radiusScale : the radius will be the computed radius multiplied by the value of radiusScale.
Graph Type : pie, DoughNut
Values : a posite real value
Default Value : 1
Sample : radiusScale : 0.5
See also :
Description : The labels on the X axis can be rotate. In following sample, the labels have been rotate with an angle of 45 degres.
Graph Type : line, bar, horizontalBar, stackedBar, horizontalStackedBar
Values : any real value or “smart”. When value is “smart”, the labels are not rotate if there is space enough to display all labels horizontally; Otherwise, there are rotated with an angle of 45 or 90 degres.
Default Value : “smart”
Sample : rotateLabels : 90
See also :
Description : each piece of graph in Pie/Doughnut/PolarArea graphs are rounded by a line; If option segmentShowStroke is set to false, those lines are not drawn.
Graph Type : pie, doughnut, polarArea
Values : true or false
Default Value : true
Sample : segmentShowStroke : false
See also : segmentStrokeColor, segmentStrokeWidth
Description : each piece of graph in Pie/Doughnut/PolarArea graphs are rounded by a line; specify the color of the line with option segmentStrokeColor.
Graph Type : pie, doughnut, polarArea
Values : any valid color
Default Value : "#fff"
Sample : segmentStrokeColor : “black”
See also : segmentShowStroke, segmentStrokeWidth
Description : each piece of graph in Pie/Doughnut/PolarArea graphs are rounded by a line; specify the width of the line with option segmentStrokeWidth.
Graph Type : pie, doughnut, polarArea
Values : any positive integer
Default Value : 2
Sample : segmentStrokeWidth : 1
See also : segmentShowStroke, segmentStrokeColor
Description : by default, the border of the first data of pie/doughnut/polarArea/radar is displayed at the vertical position (angle of 90 degres). With option startAngle, you can decide the starting angle for the border of the first data. In this samples, on the right the startAngle is 90 degres; on the left, the startAngle is 0 degres.
Graph Type : Pie, DoughNut, polarArea, radar
Values : any real value
Default Value : 90
Sample : startAngle : 0
See also :
Previous Chapter Previous Page Next Page Next Chapter Top of Page