Share Price Small Charts

Small Chart Examples

<div class="irmau-small-chart" data-quoteapi="smallChart range=30d">
 &nbsp;</div>

<div class="irmau-small-chart" data-quoteapi="smallChart range=2m">
 &nbsp;</div>

<div class="irmau-small-chart" data-quoteapi="smallChart range=3y">
 &nbsp;</div>

The following css is also included in the main irmau-quoteapi-styles.css file.

	.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;
	}