import ScatterplotChart from "https://deno.land/x/d3nodata@v0.1.3.1/charts.ts"
Prop Name | Type | Default Value | Required | Description |
---|---|---|---|---|
datasets | {label: string, color: string, data: {x: Date, y: number}[] }[] |
N/A | No | Use this for multiple pieces of data showing on the same chart. Each dataset is customizable as noted in the type column |
dotColor | string |
#BFE4A3 |
No | Color of each individual dot |
dotHoverColor | string |
#90BE6D |
No | The color of the dot on mouse hover |
dotSize | string |
5 |
No | The radius of each dot |
paddingTop, paddingLeft, paddingRight, paddingBottom |
number |
70 |
No | The padding to the Top, Left, Right, and Bottom of the chart, respectively |
width | number |
600 |
No | The width of the chart |
height | number |
600 |
No | The height of the chart |
addAxesLabel | boolean |
false |
No | Add x and y labels to the chart |
xAxisLabel | string |
x label |
No | The text of your x axis |
yAxisLabel | string |
y label |
No | The text of your y axis |
axesFontSize | string |
0.8em |
No | Changes the size of the axes labels |
axesColor | string |
#4D908E |
No | The color for you axes |
axesLabelColor | string |
#277DA1 |
No | The color of the labels for you axes |
animation | boolean |
true |
No | Animation for your lines to show up on your chart |
animationDuration | number |
5000 |
No | Time (in ms) for the lines on your chart to be animated |
addToolTip | boolean |
true |
No | Add tooltip for mouse hover on each data point |
fontFamily | string |
Verdana |
No | Font for the text for your line chart |
addTitle | boolean |
false |
No | Presence of the title for your chart. It will display at the top |
setTitle | string |
string |
No | Set the title for your chart |
setTitleSize | string |
1.5em |
No | Set the font size of your chart (in em) |
setTitleColor | string |
#277DA1 |
No | Set the color of your title for your chart |
setTitlePaddingTop | number |
40 |
No | Set how far down the title is from the top edge of the chart |
addLegend | boolen |
true |
No | Toggles the presence of a legend |