25 |
26 |
27 |
28 |
29 |
47 |
48 |
49 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2018 ApexCharts
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
--------------------------------------------------------------------------------
/src/modules/Title.js:
--------------------------------------------------------------------------------
1 | import Graphics from './Graphics'
2 |
3 | export default class Title {
4 | constructor (ctx) {
5 | this.ctx = ctx
6 | this.w = ctx.w
7 | }
8 |
9 | drawTitle () {
10 | let w = this.w
11 |
12 | let x = w.globals.svgWidth / 2
13 | let y = w.config.title.offsetY
14 | let textAnchor = 'middle'
15 |
16 | if (w.config.title.align === 'left') {
17 | x = 10
18 | textAnchor = 'start'
19 | } else if (w.config.title.align === 'right') {
20 | x = w.globals.svgWidth - 10
21 | textAnchor = 'end'
22 | }
23 |
24 | x = x + w.config.title.offsetX
25 | y = y + parseInt(w.config.title.style.fontSize) + 2
26 |
27 | if (w.config.title.text !== undefined) {
28 | let graphics = new Graphics(this.ctx)
29 | let titleText = graphics.drawText({
30 | x: x,
31 | y: y,
32 | text: w.config.title.text,
33 | textAnchor: textAnchor,
34 | fontSize: w.config.title.style.fontSize,
35 | foreColor: w.config.title.style.foreColor,
36 | opacity: 1
37 | })
38 |
39 | titleText.node.setAttribute('class', 'apexcharts-title-text')
40 |
41 | w.globals.dom.Paper.add(titleText)
42 | }
43 | }
44 | }
45 |
--------------------------------------------------------------------------------
/samples/pie/gradient-donut.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Gradient Donut
9 |
10 |
11 |
12 |
13 |
19 |
20 |
21 |
22 |
65 |
66 | coder
67 |
70 |
71 |