mirror of
https://github.com/morrisjs/morris.js.git
synced 2024-11-14 07:41:11 +01:00
063957657c
Uses perceptualdiff to catch regressions / changes in charts as they are displayed by a browser (in this case, phantomjs). Currently has exemplaries for basic line, area, bar and stacked bar charts.
66 lines
1.4 KiB
JavaScript
66 lines
1.4 KiB
JavaScript
var examples = require('./examples');
|
|
|
|
examples.def('line', function () {
|
|
Morris.Line({
|
|
element: 'chart',
|
|
data: [
|
|
{ x: 0, y: 10, z: 30 }, { x: 1, y: 20, z: 20 },
|
|
{ x: 2, y: 30, z: 10 }, { x: 3, y: 30, z: 10 },
|
|
{ x: 4, y: 20, z: 20 }, { x: 5, y: 10, z: 30 }
|
|
],
|
|
xkey: 'x',
|
|
ykeys: ['y', 'z'],
|
|
labels: ['y', 'z'],
|
|
parseTime: false
|
|
});
|
|
window.snapshot();
|
|
});
|
|
|
|
examples.def('area', function () {
|
|
Morris.Area({
|
|
element: 'chart',
|
|
data: [
|
|
{ x: 0, y: 1, z: 1 }, { x: 1, y: 2, z: 1 },
|
|
{ x: 2, y: 3, z: 1 }, { x: 3, y: 3, z: 1 },
|
|
{ x: 4, y: 2, z: 1 }, { x: 5, y: 1, z: 1 }
|
|
],
|
|
xkey: 'x',
|
|
ykeys: ['y', 'z'],
|
|
labels: ['y', 'z'],
|
|
parseTime: false
|
|
});
|
|
window.snapshot();
|
|
});
|
|
|
|
examples.def('bar', function () {
|
|
Morris.Bar({
|
|
element: 'chart',
|
|
data: [
|
|
{ x: 0, y: 1, z: 3 }, { x: 1, y: 2, z: 2 },
|
|
{ x: 2, y: 3, z: 1 }, { x: 3, y: 3, z: 1 },
|
|
{ x: 4, y: 2, z: 2 }, { x: 5, y: 1, z: 3 }
|
|
],
|
|
xkey: 'x',
|
|
ykeys: ['y', 'z'],
|
|
labels: ['y', 'z']
|
|
});
|
|
window.snapshot();
|
|
});
|
|
|
|
examples.def('stacked_bar', function () {
|
|
Morris.Bar({
|
|
element: 'chart',
|
|
data: [
|
|
{ x: 0, y: 1, z: 1 }, { x: 1, y: 2, z: 1 },
|
|
{ x: 2, y: 3, z: 1 }, { x: 3, y: 3, z: 1 },
|
|
{ x: 4, y: 2, z: 1 }, { x: 5, y: 1, z: 1 }
|
|
],
|
|
xkey: 'x',
|
|
ykeys: ['y', 'z'],
|
|
labels: ['y', 'z'],
|
|
stacked: true
|
|
});
|
|
window.snapshot();
|
|
});
|
|
|
|
examples.run();
|