shine.js 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  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. (function(root, factory) {
  20. if (typeof define === 'function' && define.amd) {
  21. // AMD. Register as an anonymous module.
  22. define(['exports', 'echarts'], factory);
  23. } else if (
  24. typeof exports === 'object' &&
  25. typeof exports.nodeName !== 'string'
  26. ) {
  27. // CommonJS
  28. factory(exports, require('echarts/lib/echarts'));
  29. } else {
  30. // Browser globals
  31. factory({}, root.echarts);
  32. }
  33. })(this, function(exports, echarts) {
  34. var log = function(msg) {
  35. if (typeof console !== 'undefined') {
  36. console && console.error && console.error(msg);
  37. }
  38. };
  39. if (!echarts) {
  40. log('ECharts is not Loaded');
  41. return;
  42. }
  43. var colorPalette = [
  44. '#c12e34',
  45. '#e6b600',
  46. '#0098d9',
  47. '#2b821d',
  48. '#005eaa',
  49. '#339ca8',
  50. '#cda819',
  51. '#32a487'
  52. ];
  53. var theme = {
  54. color: colorPalette,
  55. title: {
  56. textStyle: {
  57. fontWeight: 'normal'
  58. }
  59. },
  60. visualMap: {
  61. color: ['#1790cf', '#a2d4e6']
  62. },
  63. toolbox: {
  64. iconStyle: {
  65. borderColor: '#06467c'
  66. }
  67. },
  68. tooltip: {
  69. backgroundColor: 'rgba(0,0,0,0.6)'
  70. },
  71. dataZoom: {
  72. dataBackgroundColor: '#dedede',
  73. fillerColor: 'rgba(154,217,247,0.2)',
  74. handleColor: '#005eaa'
  75. },
  76. timeline: {
  77. lineStyle: {
  78. color: '#005eaa'
  79. },
  80. controlStyle: {
  81. color: '#005eaa',
  82. borderColor: '#005eaa'
  83. }
  84. },
  85. candlestick: {
  86. itemStyle: {
  87. color: '#c12e34',
  88. color0: '#2b821d'
  89. },
  90. lineStyle: {
  91. width: 1,
  92. color: '#c12e34',
  93. color0: '#2b821d'
  94. },
  95. areaStyle: {
  96. color: '#e6b600',
  97. color0: '#005eaa'
  98. }
  99. },
  100. graph: {
  101. itemStyle: {
  102. color: '#e6b600'
  103. },
  104. linkStyle: {
  105. color: '#005eaa'
  106. }
  107. },
  108. map: {
  109. itemStyle: {
  110. color: '#f2385a',
  111. borderColor: '#eee',
  112. areaColor: '#ddd'
  113. },
  114. areaStyle: {
  115. color: '#ddd'
  116. },
  117. label: {
  118. color: '#c12e34'
  119. }
  120. },
  121. gauge: {
  122. axisLine: {
  123. show: true,
  124. lineStyle: {
  125. color: [
  126. [0.2, '#2b821d'],
  127. [0.8, '#005eaa'],
  128. [1, '#c12e34']
  129. ],
  130. width: 5
  131. }
  132. },
  133. axisTick: {
  134. splitNumber: 10,
  135. length: 8,
  136. lineStyle: {
  137. color: 'auto'
  138. }
  139. },
  140. axisLabel: {
  141. color: 'auto'
  142. },
  143. splitLine: {
  144. length: 12,
  145. lineStyle: {
  146. color: 'auto'
  147. }
  148. },
  149. pointer: {
  150. length: '90%',
  151. width: 3,
  152. color: 'auto'
  153. },
  154. title: {
  155. color: '#333'
  156. },
  157. detail: {
  158. color: 'auto'
  159. }
  160. }
  161. };
  162. echarts.registerTheme('shine', theme);
  163. });