python学习

2019-08-06 15:21:15 +08:00
parent 54761c6262
commit 020f56d2d5
37 changed files with 910 additions and 605 deletions
--- a/web/static/js/chart.js
+++ b/web/static/js/chart.js
@@ -0,0 +1,99 @@
+;
+//画图通用组件，虽然估计很难统一，但是总要走出第一步了
+var charts_ops = {
+    setOption:function(){
+        Highcharts.setOptions({
+            chart: {
+            },
+            exporting: {
+                enabled: false
+            },
+            legend: {
+                //enabled:false
+            },
+            credits:{
+                enabled:false
+            },
+            colors:['#058DC7', '#50B432', '#ED561B', '#DDDF00',
+                '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4','#E93EFF'],
+            title: '',
+            xAxis: {
+                tickWidth:0,
+                lineWidth: 0,
+                gridLineColor: '#eee',
+                //gridLineWidth: 1,
+                crosshair: {
+                    width: 1,
+                    color: '#ebebeb'
+                }
+            },
+            yAxis: {
+                gridLineColor: '#eee',
+                gridLineWidth: 1,
+                title: ''
+            },
+            plotOptions: {
+                column: {
+                    pointPadding: 0.2,
+                    pointWidth: 20,
+                    borderWidth: 0
+                },
+                series: {
+                    marker: {
+                        enabled: false
+                    },
+                },
+                line: {
+                    lineWidth: 2,
+                    states: {
+                        hover: {
+                            lineWidth: 2
+                        }
+                    }
+                }
+            },
+            tooltip: {
+                backgroundColor: '#404750',
+                borderWidth: 0,
+                shadow: false,
+                headerFormat: '',
+                footerFormat: '',
+                shared: true,
+                useHTML: true,
+                style: {
+                    color: '#fff',
+                    padding: '5px'
+                }
+            },
+            lang: {
+                noData: "暂无数据"
+            },
+            noData: {
+                style: {
+                    fontWeight: 'bold',
+                    fontSize: '15px',
+                    color: '#303030'
+                }
+            }
+        });
+    },
+    drawLine:function( target ,data ){//画直线
+        var chart =  target.highcharts({
+            chart: {
+                type: 'spline'
+            },
+            xAxis: {
+                categories: data.categories
+            },
+            series: data.series,
+            legend: {
+                enabled:true,
+                align: 'right',
+                verticalAlign: 'top',
+                x: 0,
+                y: -15
+            }
+        });
+        return chart;
+    }
+};