waylon/pyDataVizDay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

removed all css variables and chroma.js for IE compatibility

Browse source
This commit is contained in:
Walker Waylon Scott 2017-07-20 22:47:09 -05:00
parent 06de3d6065
commit 41c32b757a
3 changed files with 23 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/static/css/custom.css
View file

@ -49,15 +49,15 @@ body{
.c3 .c3-axis-x path, .c3 .c3-axis-x line,
.c3 .c3-axis-y path, .c3 .c3-axis-y line,
.c3 .c3-axis-y2 path, .c3 .c3-axis-y2 line {
stroke: var(--axis-color);
stroke: #0071A7;
}
.c3 .c3-axis-x g,
.c3 .c3-axis-y g,
.c3 .c3-axis-y2 g,
.c3 .c3-legend-item-data text {
color: var(--axis-color);
fill: var(--axis-color);
color: #0071A7;
fill: #0071A7;
}
#timeseries-chart .c3-line {
stroke-width: 2px;
@ -94,12 +94,14 @@ body{
}
#score{
color: var(--score-color);
/*color: var(--score-color);*/
color: #0071A7;
/*color: var(--light-blue);*/
}
#gross{
color: var(--gross-color);
/*color: var(--gross-color);*/
color: #4D9913;
}
.chosen{
@ -143,7 +145,8 @@ body{
.title{
font-size:22px;
color:var(--dark-blue);
/*color:var(--dark-blue);*/
color:#0C243B;
font: bold;
}
@ -151,7 +154,8 @@ body{
text-align:center;
float: center;
margin: auto;
color:var(--dark-blue);
/*color:var(--dark-blue);*/
color:#0C243B;
}

15
src/static/js/enthusiast.js
View file

@ -7,6 +7,9 @@ var update_freq = 200
var style = getComputedStyle(document.body);
score_color = style.getPropertyValue('--score-color');
gross_color = style.getPropertyValue('--gross-color');
score_color = '#0071A7';
gross_color = '#4D9913';
// }
@ -105,7 +108,7 @@ var sentiment_data = {
bindto:'#sentiment-chart',
data: {
colors: {
polarity: chroma(score_color).darken().hex(),
polarity: "#000016",//chroma(score_color).darken().hex(),
subjectivity: score_color, },
columns: [
['polarity', 10],
@ -154,11 +157,11 @@ word_coud_settings = {
height: wc_height,
classPattern: null,
colors: [score_color,
// gross_color,
chroma(score_color).darken().hex(),
// chroma(gross_color).darken().hex(),
chroma(score_color).darken().darken().hex(),
],// '#ffeda0', '#ffffcc'],
// chroma(score_color).darken().hex(),
"#000016",
// chroma(score_color).darken().darken().hex(),
"#000000",
],
fontSize: {
from: 0.1,
to: 0.02

6
src/templates/enthusiast.html
View file

@ -11,8 +11,8 @@
<link rel="stylesheet" href="static/node_modules/chosen-js/chosen.css">
<script src="static/node_modules/chosen-js/chosen.jquery.js"></script>
<script src='static/node_modules/jqcloud2/src/jqcloud.js'></script>
<script src='static/node_modules/chroma-js/chroma.js'></script>
<link rel='stylesheet' type='text/css' href='static/css/custom.css?v=2'>
<!-- <script src='static/node_modules/chroma-js/chroma.js'></script> -->
<link rel='stylesheet' type='text/css' href='static/css/custom.css?v=3'>
{% endblock %}
@ -115,5 +115,5 @@
</div>
</div>
</div>
<script src='static/js/enthusiast.js?v=2'></script>
<script src='static/js/enthusiast.js?v=3'></script>
{% endblock %}