MENU

Share Price Market Cap

IRM can only obtain the shares issued data from ASX. We are not privy to the number of escrow shares a company has. However, you can manually set the the escrow amount in the quoteapi config and have this included in the market cap calculations. It would be up to the client to notify IRM if this escrow amount changes and we would need to update on our end.

To include the market cap with Escrow you will need to do the following:

Include the version 1.10.7 before the end head tag on your site

<script src="https://quoteapi.com/lib/1.10.7/quoteapi-loader.js" integrity="sha256-kPu2fw4Fkw1EJn/326OdeRBH8PD9ACuKvJ3iyACSRKQ= sha512-iphO3CW8lDdIwVuPjAhAMp8rD/VK1X2YbQ9EECBuUi+vrmdWnmCcQ7vQq0Yr/Tq1L3NNelW6nI9T+F5f4c+oIg==" crossorigin="anonymous"></script>

You can show an Escrow Quote table using the following code:

<table class="quote">
<thead>
<tr>
<th>Buy</th>
<th>Sell</th>
<th>First</th>
<th>High</th>
<th>Low</th>
<th>Last</th>
<th>MktPrice</th>
<th>Change</th>
<th>Percent Change</th>
<th>Volume</th>
<th>Total Trades</th>
<th>MktCap*</th>
</tr>
</thead>
<tbody>
<tr>
<td data-quoteapi="bid" class="quoteapi-number quoteapi-price"><span class="quoteapi-positive quoteapi-dollars quoteapi-zero-integer-part"><span class="quoteapi-currency-symbol">$</span><span class="quoteapi-integer-part">0</span><span class="quoteapi-decimal-part"><span class="quoteapi-decimal-point">.</span>083</span></span></td>
<td data-quoteapi="ask" class="quoteapi-number quoteapi-price"><span class="quoteapi-positive quoteapi-dollars quoteapi-zero-integer-part"><span class="quoteapi-currency-symbol">$</span><span class="quoteapi-integer-part">0</span><span class="quoteapi-decimal-part"><span class="quoteapi-decimal-point">.</span>086</span></span></td>
<td data-quoteapi="open" class="quoteapi-number quoteapi-price"><span class="quoteapi-positive quoteapi-dollars quoteapi-zero-integer-part"><span class="quoteapi-currency-symbol">$</span><span class="quoteapi-integer-part">0</span><span class="quoteapi-decimal-part"><span class="quoteapi-decimal-point">.</span>083</span></span></td>
<td data-quoteapi="high" class="quoteapi-number quoteapi-price"><span class="quoteapi-positive quoteapi-dollars quoteapi-zero-integer-part"><span class="quoteapi-currency-symbol">$</span><span class="quoteapi-integer-part">0</span><span class="quoteapi-decimal-part"><span class="quoteapi-decimal-point">.</span>083</span></span></td>
<td data-quoteapi="low" class="quoteapi-number quoteapi-price"><span class="quoteapi-positive quoteapi-dollars quoteapi-zero-integer-part"><span class="quoteapi-currency-symbol">$</span><span class="quoteapi-integer-part">0</span><span class="quoteapi-decimal-part"><span class="quoteapi-decimal-point">.</span>083</span></span></td>
<td data-quoteapi="close" class="quoteapi-number quoteapi-price"><span class="quoteapi-positive quoteapi-dollars quoteapi-zero-integer-part"><span class="quoteapi-currency-symbol">$</span><span class="quoteapi-integer-part">0</span><span class="quoteapi-decimal-part"><span class="quoteapi-decimal-point">.</span>083</span></span></td>
<td data-quoteapi="price" class="quoteapi-number quoteapi-price"><span class="quoteapi-positive quoteapi-dollars quoteapi-zero-integer-part"><span class="quoteapi-currency-symbol">$</span><span class="quoteapi-integer-part">0</span><span class="quoteapi-decimal-part"><span class="quoteapi-decimal-point">.</span>083</span></span></td>
<td data-quoteapi="change" class="quoteapi-number quoteapi-price quoteapi-change"><span class="quoteapi-negative quoteapi-dollars quoteapi-zero-integer-part"><span class="quoteapi-currency-symbol">$</span><span class="quoteapi-integer-part">0</span><span class="quoteapi-decimal-part"><span class="quoteapi-decimal-point">.</span>002</span></span></td>
<td data-quoteapi="pctChange" class="quoteapi-number quoteapi-pct-change"><span class="quoteapi-negative quoteapi-pct quoteapi-non-zero-integer-part"><span class="quoteapi-integer-part">2</span><span class="quoteapi-decimal-part quoteapi-has-integer-part"><span class="quoteapi-decimal-point">.</span>4</span><span class="quoteapi-pct-symbol">%</span></span></td>
<td data-quoteapi="volume" class="quoteapi-number quoteapi-volume"><span class="quoteapi-positive quoteapi-non-zero-integer-part"><span class="quoteapi-integer-part">6</span><span class="quoteapi-decimal-part quoteapi-has-integer-part"><span class="quoteapi-decimal-point">.</span>1</span><span class="quoteapi-magnitude-symbol">k</span></span></td>
<td data-quoteapi="tradeCount" class="quoteapi-number"><span class="quoteapi-positive quoteapi-non-zero-integer-part"><span class="quoteapi-integer-part">1</span></span></td>
<td data-quoteapi="marketCapPlusEscrowed" class="quoteapi-number quoteapi-value"><span class="quoteapi-positive quoteapi-dollars quoteapi-non-zero-integer-part"><span class="quoteapi-currency-symbol">$</span><span class="quoteapi-integer-part">9</span><span class="quoteapi-decimal-part quoteapi-has-integer-part"><span class="quoteapi-decimal-point">.</span>7</span><span class="quoteapi-magnitude-symbol">M</span></span></td>
</tr>
</tbody>
</table>
<p>* - Note: market cap figure includes escrow shares in the calculation</p>

 

Below is the default styles for the share price charts and data. You can download the styles here. You can also add some default styling for the shareprice table and share price chart by including the following styles to your site, put this after <head> and before </head> preferably on the very top of the other <link rel='stylesheet'>, with replacing "tickercode" to your site's instance ticker code. This default styling can also be overridden or added too your own stylesheet.

.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;
}
/* main chart (and nav chart) */
.irmau-main-chart .quoteapi-chart {
width: 100%;
padding: 8px 50px 50px 50px;
font-size: 10px;
color: #2e2e2e;
}
.irmau-main-chart .quoteapi-chart-panel {
height: 250px;
background: #f2f2f2;
background: linear-gradient(0deg, #f2f2f2, #fff);
}
.irmau-main-chart .quoteapi-chart-panel-plot-area {
padding: 0;
}
.irmau-main-chart .quoteapi-chart-panel-border {
stroke: #858688;
stroke-opacity: 0.5;
}
.irmau-main-chart .quoteapi-chart-price {
stroke: #00429d;
stroke-width: 1px;
}
.irmau-main-chart .quoteapi-chart-price-fill {
fill: #00429d;
fill-opacity: 0.05;
}
.irmau-main-chart .quoteapi-chart-volume {
stroke: #496396;
stroke-opacity: 0.4;
}
.irmau-main-chart .quoteapi-chart-announcement-marker {
fill: #496396;
}
.irmau-main-chart .quoteapi-chart-price-sensitive-announcement-marker {
fill: #496396;
}
.irmau-nav-chart .quoteapi-chart-panel {
height: 90px;
}
.irmau-nav-chart .quoteapi-chart-price {
stroke-width: 1.5px;
}
.irmau-nav-chart .quoteapi-nav-chart-outside-range {
fill: #fff;
fill-opacity: 0.666;
}
.irmau-nav-chart .quoteapi-nav-chart-gadget {
stroke: #9b9c9d;
}
.sptable{
margin: 0 auto !important;
}
.sptable .columns {
width:8.3%;
padding: 0;
}
.sptable .column:last-child:not(:first-child), .sptable .columns:last-child:not(:first-child){
float: left;
}
.sptable h4 {
font-size: 14px;
text-align: center;
margin: 0;
min-height: 60px;
background: #CCC;
color: #444;
padding: 10px 0;
}
.sptable p {
margin: 0;
text-align: center;
background: #EEE;
padding: 10px 0;
min-height: 50px;
}
.chart-button button:hover {
background:#063669;
border: 3px solid #063669;
color:#FFF;
box-shadow:0px 0px 5px rgba(0,0,0,0.5);
}
.chart-button button {
border: 3px solid #CCC;
padding:10px 20px;
border-radius: 3px;
}
.chart-buttons {
text-align: center;
margin-bottom:20px;
}
.chart-tabs {
display:flex;
}
.chart-tab:hover {
background:rgba(0,0,0,0.10);
}
.chart-tab {
display:inline-block;
padding:5px 10px;
margin:0;
border:1px solid #CCC;
border-width: 1px 1px 0px 1px;
cursor:pointer;
}
.chart-tab-current {
background:rgba(0,0,0,0.05);
}
.chart-tab-content {
display:flex;
padding:20px 0;
border:1px solid #CCC;
}
.chart-buttons li:hover {
background:#063669;
color:#FFF;
text-shadow:1px 1px 2px #000;
border:1px solid #063669;
}
.chart-buttons li {
color:#444;
background:#FFF;
display: inline-block;
cursor: pointer;
padding: 4px 8px;
font-size:14px;
border-radius: 3px;
border:1px solid #CCC;
}
.centered {
text-align: center;
}
.irmau-from-to {
margin-bottom:20px;
}

Media queries for share price table and charts

@media (max-width: 1024px) {
.chart-buttons li{
width: 32%;
margin-bottom: 5px;
}
.sptable .columns {
width: 16.6%;
border-bottom: 1px solid #fff;
}
}
@media (max-width: 480px){
.sptable .columns {
width: 100%;
}
.sptable h4{
min-height: 45px;
width:50%;
float: left;
}
.sptable p{
min-height:45px;
width:50%;
float: left;
}
.chart-buttons li{
width: 80%;
margin-bottom: 5px;
}
}