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.
48 lines
1.2 KiB
48 lines
1.2 KiB
8 years ago
|
function initDom() {
|
||
|
|
|
||
|
|
|
||
|
|
var div = document.createElement('div');
|
||
|
|
div.id = 'chart';
|
||
|
|
div.style.width = '640px';
|
||
|
|
div.style.height = '480px';
|
||
|
|
document.body.appendChild(div);
|
||
|
|
document.body.style.margin = '0px';
|
||
|
|
}
|
||
|
|
typeof initDom !== 'undefined';
|
||
|
|
|
||
|
|
function setMouseEvent(chart, name, x, y, element) {
|
||
|
|
|
||
|
|
|
||
|
|
var paddingLeft = chart.internal.main.node().transform.baseVal.getItem(0).matrix.e,
|
||
|
|
event = document.createEvent("MouseEvents");
|
||
|
|
event.initMouseEvent(name, true, true, window,
|
||
|
|
0, 0, 0, x + paddingLeft, y + 5,
|
||
|
|
false, false, false, false, 0, null);
|
||
|
|
chart.internal.d3.event = event;
|
||
|
|
if (element) { element.dispatchEvent(event); }
|
||
|
|
}
|
||
|
|
typeof setMouseEvent !== 'undefined';
|
||
|
|
|
||
|
|
function initChart(chart, args, done) {
|
||
|
|
|
||
|
|
|
||
|
|
if (typeof chart === 'undefined') {
|
||
|
|
window.initDom();
|
||
|
|
}
|
||
|
|
if (args) {
|
||
|
|
chart = window.c3.generate(args);
|
||
|
|
window.d3 = chart.internal.d3;
|
||
|
|
window.d3.select('.jasmine_html-reporter')
|
||
|
|
.style('position', 'absolute')
|
||
|
|
.style('width', '640px')
|
||
|
|
.style('right', 0);
|
||
|
|
}
|
||
|
|
|
||
|
|
window.setTimeout(function () {
|
||
|
|
done();
|
||
|
|
}, 10);
|
||
|
|
|
||
|
|
return chart;
|
||
|
|
}
|
||
|
|
typeof initChart !== 'undefined';
|