lotivis-chart v1.0.12

lotivis-chart

Base chart for lotivis.js.

Installing

If you use npm, npm install lotivis-chart. You can also download the latest realease on GitHub. For using in browsers, you can load the UMD bundle from an npm-based CDN such as jsDelivr.

<script src="https://cdn.jsdelivr.net/..."></script>
<script>

let dataController = lotivis.dataController();

</script>

API Reference

Chart

chart.id()

Returns the charts id.

chart.dataController(_)

Gets or sets the data controller.

chart.margin(_)

Gets or sets a margins object of the chart.

chart.skipFilterUpdate(filter, action, item)

Returns whether this chart should rerender for a change of the specified filter. Default implementation returns false.

chart.dataView()

Calculates and returns the data view for a bar chart from the passed data controller.

chart.clear(container, calc, dataView)

Clears the content of the passed container. May be overriden by extending charts. Default implementation selects and removes everything ("*") from the conainter.

chart.render(container, calc, dataView)

Renders the chart in the passed container. Should be overriden by extending charts. Default implementation does nothing and only returns the chart itself.

chart.run()

Runs the render chain. For each selected element by the selector of the chart.

Config

The lotivis config is available through the config field of lotivs.

lotivis.config.defaultMargin = 25;
lotivis.config.chartsBackgroundColor = "pink";
lotivis.config.tooltipOffset = 5;

Development`

# build module
yarn build

# develop module
yarn build:watch