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 |