| /* |
| * 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. |
| */ |
| |
| |
| let platform = ''; |
| // Navigator not exists in node |
| if (typeof navigator !== 'undefined') { |
| /* global navigator */ |
| platform = navigator.platform || ''; |
| } |
| |
| const decalColor = 'rgba(0, 0, 0, 0.2)'; |
| |
| export default { |
| |
| darkMode: 'auto', |
| // backgroundColor: 'rgba(0,0,0,0)', |
| |
| colorBy: 'series', |
| |
| color: [ |
| '#5470c6', |
| '#91cc75', |
| '#fac858', |
| '#ee6666', |
| '#73c0de', |
| '#3ba272', |
| '#fc8452', |
| '#9a60b4', |
| '#ea7ccc' |
| ], |
| |
| gradientColor: ['#f6efa6', '#d88273', '#bf444c'], |
| |
| aria: { |
| decal: { |
| decals: [{ |
| color: decalColor, |
| dashArrayX: [1, 0], |
| dashArrayY: [2, 5], |
| symbolSize: 1, |
| rotation: Math.PI / 6 |
| }, { |
| color: decalColor, |
| symbol: 'circle', |
| dashArrayX: [[8, 8], [0, 8, 8, 0]], |
| dashArrayY: [6, 0], |
| symbolSize: 0.8 |
| }, { |
| color: decalColor, |
| dashArrayX: [1, 0], |
| dashArrayY: [4, 3], |
| rotation: -Math.PI / 4 |
| }, { |
| color: decalColor, |
| dashArrayX: [[6, 6], [0, 6, 6, 0]], |
| dashArrayY: [6, 0] |
| }, { |
| color: decalColor, |
| dashArrayX: [[1, 0], [1, 6]], |
| dashArrayY: [1, 0, 6, 0], |
| rotation: Math.PI / 4 |
| }, { |
| color: decalColor, |
| symbol: 'triangle', |
| dashArrayX: [[9, 9], [0, 9, 9, 0]], |
| dashArrayY: [7, 2], |
| symbolSize: 0.75 |
| }] |
| } |
| }, |
| |
| // If xAxis and yAxis declared, grid is created by default. |
| // grid: {}, |
| |
| textStyle: { |
| // color: '#000', |
| // decoration: 'none', |
| // PENDING |
| fontFamily: platform.match(/^Win/) ? 'Microsoft YaHei' : 'sans-serif', |
| // fontFamily: 'Arial, Verdana, sans-serif', |
| fontSize: 12, |
| fontStyle: 'normal', |
| fontWeight: 'normal' |
| }, |
| |
| // http://blogs.adobe.com/webplatform/2014/02/24/using-blend-modes-in-html-canvas/ |
| // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation |
| // Default is source-over |
| blendMode: null, |
| |
| stateAnimation: { |
| duration: 300, |
| easing: 'cubicOut' |
| }, |
| |
| animation: 'auto', |
| animationDuration: 1000, |
| animationDurationUpdate: 500, |
| animationEasing: 'cubicInOut', |
| animationEasingUpdate: 'cubicInOut', |
| |
| animationThreshold: 2000, |
| |
| // Configuration for progressive/incremental rendering |
| progressiveThreshold: 3000, |
| progressive: 400, |
| |
| // Threshold of if use single hover layer to optimize. |
| // It is recommended that `hoverLayerThreshold` is equivalent to or less than |
| // `progressiveThreshold`, otherwise hover will cause restart of progressive, |
| // which is unexpected. |
| // see example <echarts/test/heatmap-large.html>. |
| hoverLayerThreshold: 3000, |
| |
| // See: module:echarts/scale/Time |
| useUTC: false |
| }; |