mint.js 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  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'));
  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. '#8aedd5',
  45. '#93bc9e',
  46. '#cef1db',
  47. '#7fe579',
  48. '#a6d7c2',
  49. '#bef0bb',
  50. '#99e2vb',
  51. '#94f8a8',
  52. '#7de5b8',
  53. '#4dfb70'
  54. ];
  55. var theme = {
  56. color: colorPalette,
  57. title: {
  58. textStyle: {
  59. fontWeight: 'normal',
  60. color: '#8aedd5'
  61. }
  62. },
  63. toolbox: {
  64. color: ['#8aedd5', '#8aedd5', '#8aedd5', '#8aedd5']
  65. },
  66. tooltip: {
  67. backgroundColor: 'rgba(0,0,0,0.5)',
  68. axisPointer: {
  69. // Axis indicator, coordinate trigger effective
  70. type: 'line', // The default is a straight line: 'line' | 'shadow'
  71. lineStyle: {
  72. // Straight line indicator style settings
  73. color: '#8aedd5',
  74. type: 'dashed'
  75. },
  76. crossStyle: {
  77. color: '#8aedd5'
  78. },
  79. shadowStyle: {
  80. // Shadow indicator style settings
  81. color: 'rgba(200,200,200,0.3)'
  82. }
  83. }
  84. },
  85. // Area scaling controller
  86. dataZoom: {
  87. dataBackgroundColor: '#eee', // Data background color
  88. fillerColor: 'rgba(64,136,41,0.2)', // Fill the color
  89. handleColor: '#408829' // Handle color
  90. },
  91. dataRange: {
  92. color: ['#93bc92', '#bef0bb']
  93. },
  94. candlestick: {
  95. itemStyle: {
  96. color: '#8aedd5',
  97. color0: '#7fe579'
  98. },
  99. lineStyle: {
  100. width: 1,
  101. color: '#8aedd5',
  102. color0: '#7fe579'
  103. },
  104. areaStyle: {
  105. color: '#8aedd5',
  106. color0: '#93bc9e'
  107. }
  108. },
  109. graph: {
  110. itemStyle: {
  111. color: '#8aedd5'
  112. },
  113. linkStyle: {
  114. color: '#93bc9e'
  115. }
  116. },
  117. map: {
  118. itemStyle: {
  119. color: '#8aedd5'
  120. },
  121. areaStyle: {
  122. color: '#93bc9e'
  123. },
  124. label: {
  125. color: '#cef1db'
  126. }
  127. },
  128. gauge: {
  129. axisLine: {
  130. lineStyle: {
  131. color: [
  132. [0.2, '#93bc9e'],
  133. [0.8, '#8aedd5'],
  134. [1, '#a6d7c2']
  135. ],
  136. width: 8
  137. }
  138. }
  139. }
  140. };
  141. echarts.registerTheme('mint', theme);
  142. });