morris.js/spec/viz/visual_specs.js
Olly Smith 063957657c Add perceptual diffs.
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.
2013-11-10 22:09:01 +00:00

67 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();