123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263 |
- /*
- * 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 colorPalette = [
- '#44B7D3',
- '#E42B6D',
- '#F4E24E',
- '#FE9616',
- '#8AED35',
- '#ff69b4',
- '#ba55d3',
- '#cd5c5c',
- '#ffa500',
- '#40e0d0',
- '#E95569',
- '#ff6347',
- '#7b68ee',
- '#00fa9a',
- '#ffd700',
- '#6699FF',
- '#ff6666',
- '#3cb371',
- '#b8860b',
- '#30e0e0'
- ];
- var theme = {
- color: colorPalette,
- title: {
- textStyle: {
- fontWeight: 'normal',
- color: '#8A826D'
- }
- },
- dataRange: {
- x: 'right',
- y: 'center',
- itemWidth: 5,
- itemHeight: 25,
- color: ['#E42B6D', '#F9AD96'],
- text: ['High', 'Low'], // Text, default is numeric text
- textStyle: {
- color: '#8A826D' // Range text color
- }
- },
- toolbox: {
- color: ['#E95569', '#E95569', '#E95569', '#E95569'],
- effectiveColor: '#ff4500',
- itemGap: 8
- },
- tooltip: {
- backgroundColor: 'rgba(138,130,109,0.7)', // Prompt background color, default is black with a transparency of 0.7
- axisPointer: {
- // Axis indicator, coordinate trigger effective
- type: 'line', // The default is a straight line: 'line' | 'shadow'
- lineStyle: {
- // Straight line indicator style settings
- color: '#6B6455',
- type: 'dashed'
- },
- crossStyle: {
- color: '#A6A299'
- },
- shadowStyle: {
- // Shadow indicator style settings
- color: 'rgba(200,200,200,0.3)'
- }
- }
- },
- // Area scaling controller
- dataZoom: {
- dataBackgroundColor: 'rgba(130,197,209,0.6)', // Data background color
- fillerColor: 'rgba(233,84,105,0.1)', // Fill the color
- handleColor: 'rgba(107,99,84,0.8)' // Handle color
- },
- grid: {
- borderWidth: 0
- },
- categoryAxis: {
- axisLine: {
- // Coordinate axis
- lineStyle: {
- // Property 'lineStyle' controls line styles
- color: '#6B6455'
- }
- },
- splitLine: {
- // separate line
- show: false
- }
- },
- valueAxis: {
- axisLine: {
- // Coordinate axis
- show: true
- },
- splitArea: {
- show: false
- },
- splitLine: {
- // separate line
- lineStyle: {
- // Property 'lineStyle' controls line styles
- color: ['#FFF'],
- type: 'dashed'
- }
- }
- },
- polar: {
- axisLine: {
- // Coordinate axis
- lineStyle: {
- // // Property 'lineStyle' controls line styles
- color: '#ddd'
- }
- },
- splitArea: {
- show: true,
- areaStyle: {
- color: ['rgba(250,250,250,0.2)', 'rgba(200,200,200,0.2)']
- }
- },
- splitLine: {
- lineStyle: {
- color: '#ddd'
- }
- }
- },
- timeline: {
- lineStyle: {
- color: '#6B6455'
- },
- controlStyle: {
- color: '#6B6455',
- borderColor: '#6B6455'
- }
- },
- line: {
- smooth: true,
- symbol: 'emptyCircle', // Inflection point graphic type
- symbolSize: 3 // Inflection point graphic size
- },
- candlestick: {
- itemStyle: {
- color: '#e42B6d',
- color0: '#44B7d3'
- },
- lineStyle: {
- width: 1,
- color: '#e42B6d',
- color0: '#44B7d3'
- },
- areaStyle: {
- color: '#fe994e',
- color0: '#e42B6d'
- }
- },
- map: {
- itemStyle: {
- color: '#6b6455'
- },
- areaStyle: {
- color: '#ddd'
- },
- label: {
- color: '#e42B6d'
- }
- },
- graph: {
- itemStyle: {
- color: '#e42B6d'
- },
- linkStyle: {
- color: '#6b6455'
- }
- },
- chord: {
- padding: 4,
- itemStyle: {
- color: '#e42B6d',
- borderWidth: 1,
- borderColor: 'rgba(128, 128, 128, 0.5)'
- },
- lineStyle: {
- color: 'rgba(128, 128, 128, 0.5)'
- },
- areaStyle: {
- color: '#6b6455'
- }
- },
- gauge: {
- axisLine: {
- lineStyle: {
- color: [
- [0.2, '#44B7D3'],
- [0.8, '#6B6455'],
- [1, '#E42B6D']
- ],
- width: 8
- }
- }
- }
- };
- echarts.registerTheme('helianthus', theme);
- });
|