rails_charts 0.0.1

data/vendor/assets/rails_charts/theme/dark-fresh-cut.js

@@ -0,0 +1,164 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+(function(root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(['exports', 'echarts'], factory);
+    } else if (
+        typeof exports === 'object' &&
+        typeof exports.nodeName !== 'string'
+    ) {
+        // CommonJS
+        factory(exports, require('echarts/lib/echarts'));
+    } else {
+        // Browser globals
+        factory({}, root.echarts);
+    }
+})(this, function(exports, echarts) {
+    var log = function(msg) {
+        if (typeof console !== 'undefined') {
+            console && console.error && console.error(msg);
+        }
+    };
+    if (!echarts) {
+        log('ECharts is not Loaded');
+        return;
+    }
+    var contrastColor = '#eee';
+    var axisCommon = function() {
+        return {
+            axisLine: {
+                lineStyle: {
+                    color: contrastColor
+                }
+            },
+            axisTick: {
+                lineStyle: {
+                    color: contrastColor
+                }
+            },
+            axisLabel: {
+                color: contrastColor
+            },
+            splitLine: {
+                lineStyle: {
+                    type: 'dashed',
+                    color: '#aaa'
+                }
+            },
+            splitArea: {
+                areaStyle: {
+                    color: contrastColor
+                }
+            }
+        };
+    };
+
+    var colorPalette = [
+        '#00a8c6',
+        '#40c0cb',
+        '#ebd3ad',
+        '#aee239',
+        '#8fbe00',
+        '#33e0ff',
+        '#b3f4ff',
+        '#e6ff99'
+    ];
+    var theme = {
+        color: colorPalette,
+        backgroundColor: '#333',
+        tooltip: {
+            axisPointer: {
+                lineStyle: {
+                    color: contrastColor
+                },
+                crossStyle: {
+                    color: contrastColor
+                }
+            }
+        },
+        legend: {
+            textStyle: {
+                color: contrastColor
+            }
+        },
+        title: {
+            textStyle: {
+                color: contrastColor
+            }
+        },
+        toolbox: {
+            iconStyle: {
+                borderColor: contrastColor
+            }
+        },
+
+        // Area scaling controller
+        dataZoom: {
+            dataBackgroundColor: '#eee', // Data background color
+            fillerColor: 'rgba(200,200,200,0.2)', // Fill the color
+            handleColor: '#00a8c6' // Handle color
+        },
+
+        timeline: {
+            itemStyle: {
+                color: colorPalette[1]
+            },
+            lineStyle: {
+                color: contrastColor
+            },
+            controlStyle: {
+                color: contrastColor,
+                borderColor: contrastColor
+            },
+            label: {
+                color: contrastColor
+            }
+        },
+
+        timeAxis: axisCommon(),
+        logAxis: axisCommon(),
+        valueAxis: axisCommon(),
+        categoryAxis: axisCommon(),
+
+        line: {
+            symbol: 'circle'
+        },
+        graph: {
+            color: colorPalette
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#40c0cb'],
+                        [0.8, '#00a8c6'],
+                        [1, '#8fbe00']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    theme.categoryAxis.splitLine.show = false;
+    echarts.registerTheme('dark-fresh-cut', theme);
+});

data/vendor/assets/rails_charts/theme/dark-mushroom.js

@@ -0,0 +1,164 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+(function(root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(['exports', 'echarts'], factory);
+    } else if (
+        typeof exports === 'object' &&
+        typeof exports.nodeName !== 'string'
+    ) {
+        // CommonJS
+        factory(exports, require('echarts/lib/echarts'));
+    } else {
+        // Browser globals
+        factory({}, root.echarts);
+    }
+})(this, function(exports, echarts) {
+    var log = function(msg) {
+        if (typeof console !== 'undefined') {
+            console && console.error && console.error(msg);
+        }
+    };
+    if (!echarts) {
+        log('ECharts is not Loaded');
+        return;
+    }
+    var contrastColor = '#eee';
+    var axisCommon = function() {
+        return {
+            axisLine: {
+                lineStyle: {
+                    color: contrastColor
+                }
+            },
+            axisTick: {
+                lineStyle: {
+                    color: contrastColor
+                }
+            },
+            axisLabel: {
+                color: contrastColor
+            },
+            splitLine: {
+                lineStyle: {
+                    type: 'dashed',
+                    color: '#aaa'
+                }
+            },
+            splitArea: {
+                areaStyle: {
+                    color: contrastColor
+                }
+            }
+        };
+    };
+
+    var colorPalette = [
+        '#cc0e00',
+        '#ff1a0a',
+        '#ff8880',
+        '#ffc180',
+        '#ffc2b0',
+        '#ffffff',
+        '#ff8880',
+        '#ffe6e6'
+    ];
+    var theme = {
+        color: colorPalette,
+        backgroundColor: '#333',
+        tooltip: {
+            axisPointer: {
+                lineStyle: {
+                    color: contrastColor
+                },
+                crossStyle: {
+                    color: contrastColor
+                }
+            }
+        },
+        legend: {
+            textStyle: {
+                color: contrastColor
+            }
+        },
+        title: {
+            textStyle: {
+                color: contrastColor
+            }
+        },
+        toolbox: {
+            iconStyle: {
+                borderColor: contrastColor
+            }
+        },
+
+        // Area scaling controller
+        dataZoom: {
+            dataBackgroundColor: '#eee', // Data background color
+            fillerColor: 'rgba(200,200,200,0.2)', // Fill the color
+            handleColor: '#cc0e00' // Handle color
+        },
+
+        timeline: {
+            itemStyle: {
+                color: colorPalette[1]
+            },
+            lineStyle: {
+                color: contrastColor
+            },
+            controlStyle: {
+                color: contrastColor,
+                borderColor: contrastColor
+            },
+            label: {
+                color: contrastColor
+            }
+        },
+
+        timeAxis: axisCommon(),
+        logAxis: axisCommon(),
+        valueAxis: axisCommon(),
+        categoryAxis: axisCommon(),
+
+        line: {
+            symbol: 'circle'
+        },
+        graph: {
+            color: colorPalette
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#ff1a0a'],
+                        [0.8, '#cc0e00'],
+                        [1, '#ffc2b0']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    theme.categoryAxis.splitLine.show = false;
+    echarts.registerTheme('dark-mushroom', theme);
+});

data/vendor/assets/rails_charts/theme/dark.js

@@ -0,0 +1,224 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+(function(root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(['exports', 'echarts'], factory);
+    } else if (
+        typeof exports === 'object' &&
+        typeof exports.nodeName !== 'string'
+    ) {
+        // CommonJS
+        factory(exports, require('echarts/lib/echarts'));
+    } else {
+        // Browser globals
+        factory({}, root.echarts);
+    }
+})(this, function(exports, echarts) {
+    var log = function(msg) {
+        if (typeof console !== 'undefined') {
+            console && console.error && console.error(msg);
+        }
+    };
+    if (!echarts) {
+        log('ECharts is not Loaded');
+        return;
+    }
+    var contrastColor = '#B9B8CE';
+    var backgroundColor = '#100C2A';
+    var axisCommon = function () {
+        return {
+            axisLine: {
+                lineStyle: {
+                    color: contrastColor
+                }
+            },
+            splitLine: {
+                lineStyle: {
+                    color: '#484753'
+                }
+            },
+            splitArea: {
+                areaStyle: {
+                    color: ['rgba(255,255,255,0.02)', 'rgba(255,255,255,0.05)']
+                }
+            },
+            minorSplitLine: {
+                lineStyle: {
+                    color: '#20203B'
+                }
+            }
+        };
+    };
+
+    var colorPalette = [
+        '#4992ff',
+        '#7cffb2',
+        '#fddd60',
+        '#ff6e76',
+        '#58d9f9',
+        '#05c091',
+        '#ff8a45',
+        '#8d48e3',
+        '#dd79ff'
+    ];
+    var theme = {
+        darkMode: true,
+
+        color: colorPalette,
+        backgroundColor: backgroundColor,
+        axisPointer: {
+            lineStyle: {
+                color: '#817f91'
+            },
+            crossStyle: {
+                color: '#817f91'
+            },
+            label: {
+                // TODO Contrast of label backgorundColor
+                color: '#fff'
+            }
+        },
+        legend: {
+            textStyle: {
+                color: contrastColor
+            }
+        },
+        textStyle: {
+            color: contrastColor
+        },
+        title: {
+            textStyle: {
+                color: '#EEF1FA'
+            },
+            subtextStyle: {
+                color: '#B9B8CE'
+            }
+        },
+        toolbox: {
+            iconStyle: {
+                borderColor: contrastColor
+            }
+        },
+        dataZoom: {
+            borderColor: '#71708A',
+            textStyle: {
+                color: contrastColor
+            },
+            brushStyle: {
+                color: 'rgba(135,163,206,0.3)'
+            },
+            handleStyle: {
+                color: '#353450',
+                borderColor: '#C5CBE3'
+            },
+            moveHandleStyle: {
+                color: '#B0B6C3',
+                opacity: 0.3
+            },
+            fillerColor: 'rgba(135,163,206,0.2)',
+            emphasis: {
+                handleStyle: {
+                    borderColor: '#91B7F2',
+                    color: '#4D587D'
+                },
+                moveHandleStyle: {
+                    color: '#636D9A',
+                    opacity: 0.7
+                }
+            },
+            dataBackground: {
+                lineStyle: {
+                    color: '#71708A',
+                    width: 1
+                },
+                areaStyle: {
+                    color: '#71708A'
+                }
+            },
+            selectedDataBackground: {
+                lineStyle: {
+                    color: '#87A3CE'
+                },
+                areaStyle: {
+                    color: '#87A3CE'
+                }
+            }
+        },
+        visualMap: {
+            textStyle: {
+                color: contrastColor
+            }
+        },
+        timeline: {
+            lineStyle: {
+                color: contrastColor
+            },
+            label: {
+                color: contrastColor
+            },
+            controlStyle: {
+                color: contrastColor,
+                borderColor: contrastColor
+            }
+        },
+        calendar: {
+            itemStyle: {
+                color: backgroundColor
+            },
+            dayLabel: {
+                color: contrastColor
+            },
+            monthLabel: {
+                color: contrastColor
+            },
+            yearLabel: {
+                color: contrastColor
+            }
+        },
+        timeAxis: axisCommon(),
+        logAxis: axisCommon(),
+        valueAxis: axisCommon(),
+        categoryAxis: axisCommon(),
+
+        line: {
+            symbol: 'circle'
+        },
+        graph: {
+            color: colorPalette
+        },
+        gauge: {
+            title: {
+                color: contrastColor
+            }
+        },
+        candlestick: {
+            itemStyle: {
+                color: '#FD1050',
+                color0: '#0CF49B',
+                borderColor: '#FD1050',
+                borderColor0: '#0CF49B'
+            }
+        }
+    };
+
+    theme.categoryAxis.splitLine.show = false;
+    echarts.registerTheme('dark', theme);
+});