mirror of https://github.com/masayuki0812/c3.git
Quite good looking graph derived from d3.js
http://c3js.org
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
1.3 KiB
39 lines
1.3 KiB
const initTitle = function () { |
|
const $$ = this; |
|
$$.title = $$.svg.append('text') |
|
.text($$.config.title_text) |
|
.attr('class', $$.CLASS.title); |
|
}; |
|
const redrawTitle = function () { |
|
const $$ = this; |
|
$$.title |
|
.attr('x', $$.xForTitle.bind($$)) |
|
.attr('y', $$.yForTitle.bind($$)); |
|
}; |
|
const xForTitle = function () { |
|
let $$ = this, config = $$.config, position = config.title_position || 'left', x; |
|
if (position.indexOf('right') >= 0) { |
|
x = $$.currentWidth - $$.getTextRect($$.title.node().textContent, $$.CLASS.title, $$.title.node()).width - config.title_padding.right; |
|
} else if (position.indexOf('center') >= 0) { |
|
x = ($$.currentWidth - $$.getTextRect($$.title.node().textContent, $$.CLASS.title, $$.title.node()).width) / 2; |
|
} else { // left |
|
x = config.title_padding.left; |
|
} |
|
return x; |
|
}; |
|
const yForTitle = function () { |
|
const $$ = this; |
|
return $$.config.title_padding.top + $$.getTextRect($$.title.node().textContent, $$.CLASS.title, $$.title.node()).height; |
|
}; |
|
const getTitlePadding = function () { |
|
const $$ = this; |
|
return $$.yForTitle() + $$.config.title_padding.bottom; |
|
}; |
|
|
|
export { |
|
initTitle, |
|
redrawTitle, |
|
xForTitle, |
|
yForTitle, |
|
getTitlePadding, |
|
};
|
|
|