Merge pull request #85 from remiolsen/chartjs

Move from high charts to chart.js

Author: remiolsen

make_dashboards/templates/external/css/styles.css

@@ -75,32 +75,6 @@ footer img {
 .balance_plot.coming_soon { margin: 22px 0; }
 .success_plot.coming_soon { margin: 35px 0; }
 
-.tat_plot .highcharts-container svg .highcharts-series-group .highcharts-series-0 path {
-    fill: #ccc;
-}
-.tat_plot .highcharts-container svg .highcharts-series-group .highcharts-series-0 circle {
-    fill: #fff;
-    r: 120;
-}
-#finished_proj_tat svg .highcharts-series-group .highcharts-series-0 circle,
-#lp_proj_tats svg .highcharts-series-group .highcharts-series-0 circle {
-    fill: #f2f2f2
-}
-
-#clock_time, #clock_date {
-    float:right;
-    clear:right;
-    text-align:right;
-    margin-right: 100px;
-}
-#clock_time {
-    margin-top: 15px;
-    font-size: 36px;
-    line-height: 32px;
-}
-#clock_date {
-    font-size: 22px;
-}
 
 .mid-left p {
     font-size: 16px;
@@ -157,77 +131,3 @@ footer img {
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
 }
-
-/* Header Clock */
-.hero-circle {
-    width: 80px;
-    height: 80px;
-    margin: 8px 0 0 auto;
-    position: relative;
-    border: 1px solid #666;
-    border-radius: 50%;
-    box-shadow: 0 1px 4px rgba(34, 34, 34, 0.3), inset 0 1px 4px rgba(34, 34, 34, 0.3);
-}
-.hero-face {
-    width: 100%;
-    height: 100%
-}
-
-.hero-face:after {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 4px;
-    height: 4px;
-    margin: -2px 0 0 -2px;
-    background: #666;
-    border-radius: 4px;
-    content: "";
-    display: block
-}
-
-.hero-hour {
-    width: 0;
-    height: 0;
-    position: absolute;
-    /*top: calc(50% - 2px);
-    left: calc(50% + 1px);*/
-    top: 37px;
-    left: 40px;
-    margin: 1px 0 -1px -25%;
-    padding: 1px 0 1px 25%;
-    background: #666;
-    -webkit-transform-origin: 100% 50%;
-    -ms-transform-origin: 100% 50%;
-    transform-origin: 100% 50%;
-    border-radius: 1px 0 0 1px
-}
-
-.hero-minute {
-    width: 0;
-    height: 0;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    margin: -40% -1px 0;
-    padding: 40% 1px 0;
-    background: #666;
-    -webkit-transform-origin: 50% 100%;
-    -ms-transform-origin: 50% 100%;
-    transform-origin: 50% 100%;
-    border-radius: 3px 3px 0 0
-}
-
-.hero-second {
-    width: 0;
-    height: 0;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    margin: -40% -0.5px 0 0;
-    padding: 40% 0.5px 0;
-    background: #666;
-    -webkit-transform-origin: 50% 100%;
-    -ms-transform-origin: 50% 100%;
-    transform-origin: 50% 100%
-}

make_dashboards/templates/external/index.html

@@ -73,9 +73,8 @@ <h1><a href="https://ngisweden.scilifelab.se/">NGI Stockholm Status</a></h1>
 <script src="js/bootstrap.min.js"></script>
 <script src="js/moment.js"></script>
 <script src="js/chroma.min.js"></script>
-<script src="js/highcharts.js"></script>
-<script src="js/highcharts-more.js"></script>
-<script src="js/solid-gauge.js"></script>
+<script src="js/chart.umd.min.js"></script>
+<script src="js/chartjs-plugin-annotation.min.js"></script>
 <script type="text/javascript">
 var data = {{ d.json }};
 var deliverytimes_data = {{ dt_data }};