Share Price Small Charts
Small Chart Examples
30 Day Small Chart
<div class="irmau-small-chart" data-quoteapi="smallChart range=30d">
</div>
2 Month Small Chart
<div class="irmau-small-chart" data-quoteapi="smallChart range=2m">
</div>
3 Year Small Chart
<div class="irmau-small-chart" data-quoteapi="smallChart range=3y">
</div>
CSS
The following css is also included in the main irmau-quoteapi-styles.css file.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
.irmau-small-chart .quoteapi-chart { |
|
width: 200px; |
|
height: 100px; |
|
padding: 7px 13px 13px 32px; |
|
font-size: 11px; |
|
color: #2e2e2e; |
|
} |
|
|
|
.irmau-small-chart .quoteapi-chart-panel { |
|
height: 80px; |
|
background: #ccc; |
|
} |
|
|
|
.irmau-small-chart .quoteapi-chart-panel-plot-area { |
|
padding: 0; |
|
} |
|
|
|
.irmau-small-chart .quoteapi-chart-xaxis-spacing { |
|
width: 24px; |
|
} |
|
|
|
.irmau-small-chart .quoteapi-chart-yaxis-spacing { |
|
height: 24px; |
|
} |
|
|
|
.irmau-small-chart .quoteapi-chart-xaxis-label { |
|
margin-top: -3px; |
|
} |
|
|
|
.irmau-small-chart .quoteapi-chart-panel-border { |
|
stroke: #2e2e2e; |
|
} |
|
|
|
.irmau-small-chart .quoteapi-chart-gridline { |
|
stroke: #fff; |
|
} |
|
|
|
.irmau-small-chart .quoteapi-chart-minor-gridline { |
|
stroke: none; |
|
} |
|
|
|
.irmau-small-chart .quoteapi-chart-tick { |
|
stroke: none; |
|
} |
|
|
|
.irmau-small-chart .quoteapi-chart-price { |
|
stroke: #009fd9; |
|
stroke-width: 1px; |
|
} |
|
|
|
.irmau-small-chart .quoteapi-chart-price-fill { |
|
fill: #9fcee0; |
|
fill-opacity: 0.3; |
|
} |