1 | var axis = {
|
2 | labelOffset: '15px',
|
3 | line: {
|
4 | stroke: '#E8E8E8',
|
5 | lineWidth: '1px'
|
6 | },
|
7 | label: {
|
8 | fill: '#808080',
|
9 | fontSize: '20px'
|
10 | },
|
11 | grid: {
|
12 | stroke: '#E8E8E8',
|
13 | lineWidth: '1px',
|
14 | lineDash: ['4px']
|
15 | }
|
16 | };
|
17 | var guide = {
|
18 | line: {
|
19 | style: {
|
20 | stroke: '#a3a3a3',
|
21 | lineWidth: 1
|
22 | },
|
23 | offsetX: 0,
|
24 | offsetY: 0
|
25 | },
|
26 | text: {
|
27 | style: {
|
28 | fill: '#787878',
|
29 |
|
30 | textBaseline: 'middle'
|
31 | },
|
32 | offsetX: 0,
|
33 | offsetY: 0
|
34 | },
|
35 | rect: {
|
36 | style: {
|
37 | fill: '#fafafa'
|
38 | }
|
39 | },
|
40 | arc: {
|
41 | style: {
|
42 | stroke: '#a3a3a3'
|
43 | }
|
44 | },
|
45 | html: {
|
46 | offsetX: 0,
|
47 | offsetY: 0,
|
48 | alignX: 'center',
|
49 | alignY: 'middle'
|
50 | },
|
51 | tag: {
|
52 | offsetX: 0,
|
53 | offsetY: 0,
|
54 | side: 4,
|
55 | background: {
|
56 | padding: 5,
|
57 | radius: 2,
|
58 | fill: '#1890FF'
|
59 | },
|
60 | textStyle: {
|
61 | fontSize: 12,
|
62 | fill: '#fff',
|
63 | textAlign: 'center',
|
64 | textBaseline: 'middle'
|
65 | }
|
66 | },
|
67 | point: {
|
68 | offsetX: 0,
|
69 | offsetY: 0,
|
70 | style: {
|
71 | fill: '#fff',
|
72 | r: 3,
|
73 | lineWidth: 2,
|
74 | stroke: '#1890ff'
|
75 | }
|
76 | }
|
77 | };
|
78 | var chart = {
|
79 | padding: ['30px', '30px', '30px', '30px']
|
80 | };
|
81 | var Theme = {
|
82 | fontFamily: '"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif',
|
83 | pixelRatio: 1,
|
84 | padding: [0, 0, 0, 0],
|
85 | chart: chart,
|
86 | colors: ['#1890FF', '#2FC25B', '#FACC14', '#223273', '#8543E0', '#13C2C2', '#3436C7', '#F04864'],
|
87 | shapes: {
|
88 | line: ['line', 'dash', 'smooth'],
|
89 | point: ['circle', 'hollowCircle', 'rect'],
|
90 | area: ['area', 'smooth'],
|
91 | interval: ['rect', 'pyramid', 'funnel']
|
92 | },
|
93 | sizes: ['4px', '6px', '8px', '10px', '12px'],
|
94 | shape: {
|
95 | line: {
|
96 | default: {
|
97 | lineWidth: '4px',
|
98 | lineJoin: 'round',
|
99 | lineCap: 'round'
|
100 | },
|
101 | smooth: {
|
102 | smooth: true
|
103 | },
|
104 | dash: {
|
105 | lineDash: ['8px', '8px']
|
106 | }
|
107 | },
|
108 | point: {
|
109 | default: {
|
110 | size: '6px'
|
111 | },
|
112 | hollowCircle: {
|
113 | lineWidth: '2px'
|
114 | }
|
115 | },
|
116 | area: {
|
117 | default: {
|
118 | fillOpacity: 0.1
|
119 | }
|
120 | },
|
121 | interval: {
|
122 | default: {}
|
123 | }
|
124 | },
|
125 | axis: axis,
|
126 | guide: guide
|
127 | };
|
128 | export default Theme; |
\ | No newline at end of file |