import BarChart 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: string, y: string} [] } [] |
N/A | No | This format is used to have multiple bars for each x-axis unit. Each bar is customizable for what is listed in the types |
barColor | string |
#BFE4A3 |
No | The color of the bars |
barHoverColor | string |
#90BE6D |
No | The color of the bars when you over over each bar with the mouse |
paddingTop, paddingLeft, paddingRight, paddingBottom |
number |
60 |
No | The padding to the Top, Left, Right, and Bottom of the chart, respectively |
width | number |
700 |
No | Set the width of the chart |
height | number |
700 |
No | Set the height of the chart |
addAxesLabel | boolean |
false |
No | A switch to flip if you want labels on your axes |
xAxisLabel | string |
x label |
No | The text you want your x label to be labeled as |
yAxisLabel | string |
y label |
No | The text you want your y label to be labeled as |
axesColor | string |
#4D908E |
No | The color for the axes of the chart |
axesLabelColor | string |
#4D908E |
No | The color for both axes labels |
animation | boolean |
true |
No | A switch as to whether you want animation to your chart upon initial load |
animationDuration | number |
800 |
No | Time (in ms) for each bar of the chart to reach the desired height |
animationDelay | number |
100 |
No | Time (in ms) for each bar in the chart to wait before animating |
toolTip | boolean |
true |
No | A switch to determine if you want information to show up on mouse over |
fontFamily | string |
Verdana |
No | Font for all text in your chart |
addTitle | boolean |
false |
No | A switch to add a title to your chart |
setTitle | string |
N/A | No | The title for your chart |
setTitleSize | string |
1.5em |
No | Set font size for the chart's title (in em) |
setTitleColor | string |
#277DA1 |
No | Set the color of the chart's title |
setTitlePaddingTop | number |
40 |
No | Set the distance from the top of the chart to where the title is |
addLegend | boolean |
true |
No | This toggles the presence of a legend |