Mirrors/Chart.js
2
0
Fork 0
mirror of https://github.com/chartjs/Chart.js.git synced 2026-03-21 23:56:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

Some more line options

Browse Source
This commit is contained in:
Evert Timberg
2015-06-03 20:46:35 -04:00
parent 7dcee4b40e
commit 9c106aa8ff
1 changed files with 37 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
docs/01-Line-Chart.md
View File

@@ -27,24 +27,39 @@ var data = {
{
label: "My First dataset",
// String or array - if an array is specified, allows changing the value for the point at the given index
fillColor: "rgba(220,220,220,0.2)",
// Boolean - if true fill the area under the line
fill: false,
// String or array - if an array is specified, allows changing the value for the point at the given index
strokeColor: "rgba(220,220,220,1)",
// String - the color to fill the area under the line with if fill is true
backgroundColor: "rgba(220,220,220,0.2)",
// String or array - if an array is specified, allows changing the value for the point at the given index
pointColor: "rgba(220,220,220,1)",
// The properties below allow an array to be specified to change the value of the item at the given index
// String or array - if an array is specified, allows changing the value for the point at the given index
pointStrokeColor: "#fff",
// String or array - Line color
borderColor: "rgba(220,220,220,1)",
// String or array - if an array is specified, allows changing the value for the point at the given index
pointHighlightFill: "#fff",
// String or array - Point stroke color
pointBorderColor: "rgba(220,220,220,1)",
// String or array - if an array is specified, allows changing the value for the point at the given index
pointHighlightStroke: "rgba(220,220,220,1)",
// String or array - Point fill color
pointBackgroundColor: "#fff",
// Number or array - Stroke width of point border
pointBorderWidth: 1,
// Number or array - Radius of point when hovered
pointHoverRadius: 5
// String or array - point background color when hovered
pointHoverBackgroundColor: "rgba(220,220,220,1)"
// Point border color when hovered
pointHoverBorderColor: "rgba(220,220,220,1)"
// Number or array - border width of point when hovered
pointBorderWidth: 2,
// The actual data
data: [65, 59, 80, 81, 56, 55, 40],
// String - If specified, binds the dataset to a certain y-axis. If not specified, the first y-axis is used.
@@ -52,12 +67,16 @@ var data = {
},
{
label: "My Second dataset",
fillColor: "rgba(151,187,205,0.2)",
strokeColor: "rgba(151,187,205,1)",
pointColor: "rgba(151,187,205,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(151,187,205,1)",
fill: false,
backgroundColor: "rgba(220,220,220,0.2)",
borderColor: "rgba(220,220,220,1)",
pointBorderColor: "rgba(220,220,220,1)",
pointBackgroundColor: "#fff",
pointBorderWidth: 1,
pointHoverRadius: 5,
pointHoverBackgroundColor: "rgba(220,220,220,1)",
pointHoverBorderColor: "rgba(220,220,220,1)",
pointBorderWidth: 2,
data: [28, 48, 40, 19, 86, 27, 90]
}
]