Skip to content

Instantly share code, notes, and snippets.

@irmaus
Last active April 12, 2018 05:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save irmaus/8d49b3bbfa67587e417b6f7f585ee075 to your computer and use it in GitHub Desktop.
Save irmaus/8d49b3bbfa67587e417b6f7f585ee075 to your computer and use it in GitHub Desktop.
CSS Required for displaying small charts
.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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment