jingrow/charts
1
0
Fork 0
Code Pull Requests Activity

Merge e54427004cf1a8266d6b5b5a16bcfdbcee8bac43 into master

Browse Source
This commit is contained in:
Arjun Choudhary 2022-11-22 11:15:24 +05:30
commit e7a13d0e6a
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/css/charts.scss
View File

@ -1,3 +1,6 @@
$label-color: #313B44;
$axis-line-color: #E2E6E9;
.chart-container { .chart-container {
position: relative; /* for absolutely positioned tooltip */ position: relative; /* for absolutely positioned tooltip */
@ -7,10 +10,10 @@
'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
.axis, .chart-label { .axis, .chart-label {
fill: #555b51; fill: $label-color;
line { line {
stroke: #dadada; stroke: $axis-line-color;
} }
} }
.dataset-units { .dataset-units {
@ -98,6 +101,7 @@
text-align: left; text-align: left;
padding: 0px; padding: 0px;
pointer-events: none; pointer-events: none;
.title { .title {
display: block; display: block;
padding: 16px; padding: 16px;

4
src/js/utils/draw.js
View File

@ -7,8 +7,8 @@ export const AXIS_TICK_LENGTH = 6;
const LABEL_MARGIN = 4; const LABEL_MARGIN = 4;
const LABEL_MAX_CHARS = 15; const LABEL_MAX_CHARS = 15;
export const FONT_SIZE = 10; export const FONT_SIZE = 10;
const BASE_LINE_COLOR = '#dadada'; const BASE_LINE_COLOR = '#E2E6E9';
const FONT_FILL = '#555b51'; const FONT_FILL = '#313B44';
function $(expr, con) { function $(expr, con) {
return typeof expr === "string"? (con || document).querySelector(expr) : expr || null; return typeof expr === "string"? (con || document).querySelector(expr) : expr || null;