Datablocks Integration Guide
  • Overview
    • Getting started
    • Integration methods
    • Contact information
    • Cache
  • Widgets exceptions
  • Integration
    • JS-Loader
    • Wordpress Plugin
    • Request - JSON
    • Request - HTML
    • IFrame
    • Vue.js
    • React
  • Styling
    • Tables
    • Graphs
Powered by GitBook
On this page

Was this helpful?

  1. Styling

Graphs

PreviousTables

Last updated 6 months ago

Was this helpful?

The graphs have the classes .mf-widget and .mf-graph-wrapper in the outer div. 

//Outer div surrounding the Graph
<div class="mf-widget mf-volume-distribution mf-lang-en mf-WIDGET-ID 
mf-graph-wrapper" style="display: block;">

Code for Graph...
  
</div>

Since the graphs are generated using JavaScript with an external library directly targeting the included classes is usually not advised. Instead, colors can be changed by Modular Finance.

Example

For example, in the stock-chart the color of the buttons can be changed.

Stock-chart