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.
40 lines
1.3 KiB
40 lines
1.3 KiB
8 years ago
|
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,
|
||
|
|
};
|