https://www.potrati.cz/assets/echarts-theme-shine-d36d6aef.js

1/*
2* Licensed to the Apache Software Foundation (ASF) under one
3* or more contributor license agreements.  See the NOTICE file
4* distributed with this work for additional information
5* regarding copyright ownership.  The ASF licenses this file
6* to you under the Apache License, Version 2.0 (the
7* "License"); you may not use this file except in compliance
8* with the License.  You may obtain a copy of the License at
9*
10*   http://www.apache.org/licenses/LICENSE-2.0
11*
12* Unless required by applicable law or agreed to in writing,
13* software distributed under the License is distributed on an
14* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15* KIND, either express or implied.  See the License for the
16* specific language governing permissions and limitations
17* under the License.
18*/
19
20var colorPalette = [
21    '#c12e34',
22    '#e6b600',
23    '#0098d9',
24    '#2b821d',
25    '#005eaa',
26    '#339ca8',
27    '#cda819',
28    '#32a487'
29];
30
31var theme = {
32    color: colorPalette,
33
34    title: {
35        textStyle: {
36            fontWeight: 'normal'
37        }
38    },
39
40    visualMap: {
41        color: ['#1790cf', '#a2d4e6']
42    },
43
44    toolbox: {
45        iconStyle: {
46            borderColor: '#06467c'
47        }
48    },
49
50    tooltip: {
51        backgroundColor: 'rgba(0,0,0,0.6)'
52    },
53
54    dataZoom: {
55        dataBackgroundColor: '#dedede',
56        fillerColor: 'rgba(154,217,247,0.2)',
57        handleColor: '#005eaa'
58    },
59
60    timeline: {
61        lineStyle: {
62            color: '#005eaa'
63        },
64        controlStyle: {
65            color: '#005eaa',
66            borderColor: '#005eaa'
67        }
68    },
69
70    candlestick: {
71        itemStyle: {
72            color: '#c12e34',
73            color0: '#2b821d'
74        },
75        lineStyle: {
76            width: 1,
77            color: '#c12e34',
78            color0: '#2b821d'
79        },
80        areaStyle: {
81            color: '#e6b600',
82            color0: '#005eaa'
83        }
84    },
85
86    graph: {
87        itemStyle: {
88            color: '#e6b600'
89        },
90        linkStyle: {
91            color: '#005eaa'
92        }
93    },
94
95    map: {
96        itemStyle: {
97            color: '#f2385a',
98            borderColor: '#eee',
99            areaColor: '#ddd'
100        },
101        areaStyle: {
102            color: '#ddd'
103        },
104        label: {
105            color: '#c12e34'
106        }
107    },
108
109    gauge: {
110        axisLine: {
111            show: true,
112            lineStyle: {
113                color: [
114                    [0.2, '#2b821d'],
115                    [0.8, '#005eaa'],
116                    [1, '#c12e34']
117                ],
118                width: 5
119            }
120        },
121        axisTick: {
122            splitNumber: 10,
123            length: 8,
124            lineStyle: {
125                color: 'auto'
126            }
127        },
128        axisLabel: {
129            color: 'auto'
130        },
131        splitLine: {
132            length: 12,
133            lineStyle: {
134                color: 'auto'
135            }
136        },
137        pointer: {
138            length: '90%',
139            width: 3,
140            color: 'auto'
141        },
142        title: {
143            color: '#333'
144        },
145        detail: {
146            color: 'auto'
147        }
148    }
149};
150echarts.registerTheme('shine', theme);