echartsTheme.js 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. var myEchartsTheme = {
  2. color: ["#009688", "#1E9FFF", "#5FB878", "#FFB980", "#D87A80", "#8d98b3", "#e5cf0d", "#97b552", "#95706d", "#dc69aa", "#07a2a4", "#9a7fd1", "#588dd5", "#f5994e", "#c05050", "#59678c", "#c9ab00", "#7eb00a", "#6f5553", "#c14089"],
  3. title: {textStyle: {fontWeight: "normal", color: "#666"}},
  4. dataRange: {itemWidth: 15, color: ["#009688", "#e0ffff"]},
  5. toolbox: {color: ["#1e90ff", "#1e90ff", "#1e90ff", "#1e90ff"], effectiveColor: "#ff4500"},
  6. tooltip: {
  7. backgroundColor: "rgba(50,50,50,0.5)",
  8. axisPointer: {
  9. type: "line",
  10. lineStyle: {color: "#009688"},
  11. crossStyle: {color: "#008acd"},
  12. shadowStyle: {color: "rgba(200,200,200,0.2)"}
  13. }
  14. },
  15. dataZoom: {dataBackgroundColor: "#efefff", fillerColor: "rgba(182,162,222,0.2)", handleColor: "#008acd"},
  16. grid: {borderColor: "#eee"},
  17. categoryAxis: {
  18. axisLine: {lineStyle: {color: "#009688"}},
  19. axisTick: {show: !1},
  20. splitLine: {lineStyle: {color: ["#eee"]}}
  21. },
  22. valueAxis: {
  23. axisLine: {lineStyle: {color: "#009688"}},
  24. splitArea: {show: !0, areaStyle: {color: ["rgba(250,250,250,0.1)", "rgba(200,200,200,0.1)"]}},
  25. splitLine: {lineStyle: {color: ["#eee"]}}
  26. },
  27. polar: {
  28. axisLine: {lineStyle: {color: "#ddd"}},
  29. splitArea: {show: !0, areaStyle: {color: ["rgba(250,250,250,0.2)", "rgba(200,200,200,0.2)"]}},
  30. splitLine: {lineStyle: {color: "#ddd"}}
  31. },
  32. timeline: {
  33. lineStyle: {color: "#009688"},
  34. controlStyle: {normal: {color: "#009688"}, emphasis: {color: "#009688"}},
  35. symbol: "emptyCircle",
  36. symbolSize: 3
  37. },
  38. bar: {itemStyle: {normal: {barBorderRadius: 2}, emphasis: {barBorderRadius: 2}}},
  39. line: {smooth: !0, symbol: "emptyCircle", symbolSize: 3},
  40. k: {
  41. itemStyle: {
  42. normal: {
  43. color: "#d87a80",
  44. color0: "#2ec7c9",
  45. lineStyle: {color: "#d87a80", color0: "#2ec7c9"}
  46. }
  47. }
  48. },
  49. scatter: {symbol: "circle", symbolSize: 4},
  50. radar: {symbol: "emptyCircle", symbolSize: 3},
  51. map: {
  52. itemStyle: {
  53. normal: {areaStyle: {color: "#ddd"}, label: {textStyle: {color: "#d87a80"}}},
  54. emphasis: {areaStyle: {color: "#fe994e"}}
  55. }
  56. },
  57. force: {itemStyle: {normal: {linkStyle: {color: "#1e90ff"}}}},
  58. chord: {
  59. itemStyle: {
  60. normal: {
  61. borderWidth: 1,
  62. borderColor: "rgba(128, 128, 128, 0.5)",
  63. chordStyle: {lineStyle: {color: "rgba(128, 128, 128, 0.5)"}}
  64. },
  65. emphasis: {
  66. borderWidth: 1,
  67. borderColor: "rgba(128, 128, 128, 0.5)",
  68. chordStyle: {lineStyle: {color: "rgba(128, 128, 128, 0.5)"}}
  69. }
  70. }
  71. },
  72. gauge: {
  73. axisLine: {lineStyle: {color: [[.2, "#2ec7c9"], [.8, "#5ab1ef"], [1, "#d87a80"]], width: 10}},
  74. axisTick: {splitNumber: 10, length: 15, lineStyle: {color: "auto"}},
  75. splitLine: {length: 22, lineStyle: {color: "auto"}},
  76. pointer: {width: 5}
  77. },
  78. textStyle: {fontFamily: "微软雅黑, Arial, Verdana, sans-serif"}
  79. };