playground
/
c3
mirror of https://github.com/masayuki0812/c3.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

Added spec

pull/763/head
CallumVass 10 years ago
parent
7b5f1a04fd
commit
1840cb33ee
3 changed files with 183 additions and 134 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 9
      .gitignore
  2. 252
      htdocs/samples/api_legend.html
  3. 56
      spec/api.legend-spec.js

9
.gitignore vendored
Unescape View File

@ -5,11 +5,4 @@ d3.js
d3.min.js d3.min.js
components components
build build
.idea/.name .idea
.idea/c3.iml
.idea/encodings.xml
.idea/misc.xml
.idea/modules.xml
.idea/scopes/scope_settings.xml
.idea/vcs.xml
.idea/workspace.xml

252
htdocs/samples/api_legend.html
Unescape View File

@ -1,6 +1,6 @@
<html> <html>
<head> <head>
<link rel="stylesheet" type="text/css" href="../css/c3.css"> <link rel="stylesheet" type="text/css" href="../css/c3.css">
</head> </head>
<body> <body>
<div id="chart"></div> <div id="chart"></div>
@ -9,135 +9,135 @@
<script src="../js/c3.js"></script> <script src="../js/c3.js"></script>
<script> <script>
var columns = []; var columns = [];
for (var i = 0; i < 5; i++ ) { for (var i = 0; i < 5; i++) {
columns[i] = ['datahogehogeohgeohoge' + i, 10 * i, 20 * i, 30 * i]; columns[i] = ['datahogehogeohgeohoge' + i, 10 * i, 20 * i, 30 * i];
}
var chart = c3.generate({
data: {
columns: columns,
},
axis: {
x: {
type: 'category'
}
} }
});
var chart = c3.generate({
setTimeout(function () { data: {
chart.legend.hide(); columns: columns,
}, 1000); },
axis: {
setTimeout(function () { x: {
chart = c3.generate({ type: 'category'
data: { }
columns: columns,
},
axis: {
x: {
type: 'category'
} }
},
legend: {
position: 'right'
}
});
}, 2000);
setTimeout(function () {
chart.legend.hide();
}, 3000);
setTimeout(function () {
chart = c3.generate({
data: {
columns: columns,
},
axis: {
rotated: true
}
});
}, 4000);
setTimeout(function () {
chart.legend.hide();
}, 5000);
setTimeout(function () {
chart = c3.generate({
data: {
columns: columns,
},
legend: {
position: 'right'
},
axis: {
rotated: true
}
});
}, 6000);
setTimeout(function () {
chart.legend.hide();
}, 7000);
setTimeout(function () {
chart = c3.generate({
data: {
columns: columns,
},
legend: {
show: false
}
}); });
}, 8000);
setTimeout(function () {
chart.legend.show();
}, 9000);
setTimeout(function () {
chart = c3.generate({
data: {
columns: columns,
},
legend: {
show: false
},
axis: {
rotated: true
}
});
}, 10000);
setTimeout(function () {
chart.legend.show();
}, 11000);
setTimeout(function () {
chart = c3.generate({
data: {
columns: columns,
},
legend: {
position: 'right',
show: false
}
});
}, 12000);
setTimeout(function () {
chart.legend.show();
}, 13000);
setTimeout(function () {
chart.legend.position('bottom');
}, 14000);
setTimeout(function () { setTimeout(function () {
chart.legend.position('right'); chart.legend.hide();
}, 15000); }, 1000);
setTimeout(function () {
chart = c3.generate({
data: {
columns: columns,
},
axis: {
x: {
type: 'category'
}
},
legend: {
position: 'right'
}
});
}, 2000);
setTimeout(function () {
chart.legend.hide();
}, 3000);
setTimeout(function () {
chart = c3.generate({
data: {
columns: columns,
},
axis: {
rotated: true
}
});
}, 4000);
setTimeout(function () {
chart.legend.hide();
}, 5000);
setTimeout(function () {
chart = c3.generate({
data: {
columns: columns,
},
legend: {
position: 'right'
},
axis: {
rotated: true
}
});
}, 6000);
setTimeout(function () {
chart.legend.hide();
}, 7000);
setTimeout(function () {
chart = c3.generate({
data: {
columns: columns,
},
legend: {
show: false
}
});
}, 8000);
setTimeout(function () {
chart.legend.show();
}, 9000);
setTimeout(function () {
chart = c3.generate({
data: {
columns: columns,
},
legend: {
show: false
},
axis: {
rotated: true
}
});
}, 10000);
setTimeout(function () {
chart.legend.show();
}, 11000);
setTimeout(function () {
chart = c3.generate({
data: {
columns: columns,
},
legend: {
position: 'right',
show: false
}
});
}, 12000);
setTimeout(function () {
chart.legend.show();
}, 13000);
setTimeout(function () {
chart.legend.position('bottom');
}, 14000);
setTimeout(function () {
chart.legend.position('right');
}, 15000);
</script> </script>
</body> </body>

56
spec/api.legend-spec.js
Unescape View File

@ -0,0 +1,56 @@
var describe = window.describe,
expect = window.expect,
it = window.it,
beforeEach = window.beforeEach;
describe('c3 api legend', function () {
'use strict';
var chart, d3;
var args = {
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20, 10, 40, 15, 25]
]
},
legend: {
position: 'bottom'
}
};
beforeEach(function (done) {
if (typeof chart === 'undefined') {
window.initDom();
}
chart = window.c3.generate(args);
d3 = chart.internal.d3;
chart.internal.d3.select('.jasmine_html-reporter')
.style('position', 'absolute')
.style('right', 0);
window.setTimeout(function () {
done();
}, 10);
});
describe('legend position', function () {
it('should be located at the bottom of the chart', function () {
expect(true).toBeTruthy();
});
it('should be located to the right of the chart', function () {
chart.legend.position('right');
expect(true).toBeTruthy();
});
it('should be located at the bottom of the chart', function () {
chart.legend.position('bottom');
expect(true).toBeTruthy();
});
});
});
Write Preview
Loading…
Cancel
Save