expect(defaultConfig.ticks.callback).toEqual(jasmine.any(Function));
});
- it('Should correctly determine the max & min data values', function() {
- var scaleID = 'myScale';
-
- var mockData = {
- datasets: [{
- yAxisID: scaleID,
- data: [10, 5, 5000, 78, 450]
- }, {
- yAxisID: 'second scale',
- data: [1, 1000, 10, 100],
- }, {
- yAxisID: scaleID,
- data: [150]
- }]
- };
-
- var mockContext = window.createMockContext();
- var Constructor = Chart.scaleService.getScaleConstructor('logarithmic');
- var scale = new Constructor({
- ctx: mockContext,
- options: Chart.scaleService.getScaleDefaults('logarithmic'), // use default config for scale
- chart: {
- data: mockData,
+ it('should correctly determine the max & min data values', function() {
+ var chart = window.acquireChart({
+ type: 'bar',
+ data: {
+ datasets: [{
+ yAxisID: 'yScale0',
+ data: [42, 1000, 64, 100],
+ }, {
+ yAxisID: 'yScale1',
+ data: [10, 5, 5000, 78, 450]
+ }, {
+ yAxisID: 'yScale1',
+ data: [150]
+ }],
+ labels: ['a', 'b', 'c', 'd', 'e']
},
- id: scaleID
+ options: {
+ scales: {
+ yAxes: [{
+ id: 'yScale0',
+ type: 'logarithmic'
+ }, {
+ id: 'yScale1',
+ type: 'logarithmic'
+ }]
+ }
+ }
});
- expect(scale).not.toEqual(undefined); // must construct
- expect(scale.min).toBe(undefined); // not yet set
- expect(scale.max).toBe(undefined);
+ expect(chart.scales.yScale0).not.toEqual(undefined); // must construct
+ expect(chart.scales.yScale0.min).toBe(10);
+ expect(chart.scales.yScale0.max).toBe(1000);
- scale.update(400, 400);
- expect(scale.min).toBe(1);
- expect(scale.max).toBe(5000);
+ expect(chart.scales.yScale1).not.toEqual(undefined); // must construct
+ expect(chart.scales.yScale1.min).toBe(1);
+ expect(chart.scales.yScale1.max).toBe(5000);
});
- it('Should correctly determine the max & min of string data values', function() {
- var scaleID = 'myScale';
-
- var mockData = {
- datasets: [{
- yAxisID: scaleID,
- data: ['10', '5', '5000', '78', '450']
- }, {
- yAxisID: 'second scale',
- data: ['1', '1000', '10', '100'],
- }, {
- yAxisID: scaleID,
- data: ['150']
- }]
- };
-
- var mockContext = window.createMockContext();
- var Constructor = Chart.scaleService.getScaleConstructor('logarithmic');
- var scale = new Constructor({
- ctx: mockContext,
- options: Chart.scaleService.getScaleDefaults('logarithmic'), // use default config for scale
- chart: {
- data: mockData,
+ it('should correctly determine the max & min of string data values', function() {
+ var chart = window.acquireChart({
+ type: 'line',
+ data: {
+ datasets: [{
+ yAxisID: 'yScale0',
+ data: ['42', '1000', '64', '100'],
+ }, {
+ yAxisID: 'yScale1',
+ data: ['10', '5', '5000', '78', '450']
+ }, {
+ yAxisID: 'yScale1',
+ data: ['150']
+ }],
+ labels: ['a', 'b', 'c', 'd', 'e']
},
- id: scaleID
+ options: {
+ scales: {
+ yAxes: [{
+ id: 'yScale0',
+ type: 'logarithmic'
+ }, {
+ id: 'yScale1',
+ type: 'logarithmic'
+ }]
+ }
+ }
});
- expect(scale).not.toEqual(undefined); // must construct
- expect(scale.min).toBe(undefined); // not yet set
- expect(scale.max).toBe(undefined);
+ expect(chart.scales.yScale0).not.toEqual(undefined); // must construct
+ expect(chart.scales.yScale0.min).toBe(10);
+ expect(chart.scales.yScale0.max).toBe(1000);
- scale.update(400, 400);
- expect(scale.min).toBe(1);
- expect(scale.max).toBe(5000);
+ expect(chart.scales.yScale1).not.toEqual(undefined); // must construct
+ expect(chart.scales.yScale1.min).toBe(1);
+ expect(chart.scales.yScale1.max).toBe(5000);
});
- it('Should correctly determine the max & min data values when there are hidden datasets', function() {
- var scaleID = 'myScale';
-
- var mockData = {
- datasets: [{
- yAxisID: scaleID,
- data: [10, 5, 5000, 78, 450]
- }, {
- yAxisID: 'second scale',
- data: [1, 1000, 10, 100],
- }, {
- yAxisID: scaleID,
- data: [50000],
- hidden: true
- }]
- };
-
- var mockContext = window.createMockContext();
- var Constructor = Chart.scaleService.getScaleConstructor('logarithmic');
- var scale = new Constructor({
- ctx: mockContext,
- options: Chart.scaleService.getScaleDefaults('logarithmic'), // use default config for scale
- chart: {
- data: mockData
+ it('should correctly determine the max & min data values when there are hidden datasets', function() {
+ var chart = window.acquireChart({
+ type: 'line',
+ data: {
+ datasets: [{
+ yAxisID: 'yScale1',
+ data: [10, 5, 5000, 78, 450]
+ }, {
+ yAxisID: 'yScale0',
+ data: [42, 1000, 64, 100],
+ }, {
+ yAxisID: 'yScale1',
+ data: [50000],
+ hidden: true
+ }],
+ labels: ['a', 'b', 'c', 'd', 'e']
},
- id: scaleID
+ options: {
+ scales: {
+ yAxes: [{
+ id: 'yScale0',
+ type: 'logarithmic'
+ }, {
+ id: 'yScale1',
+ type: 'logarithmic'
+ }]
+ }
+ }
});
- expect(scale).not.toEqual(undefined); // must construct
- expect(scale.min).toBe(undefined); // not yet set
- expect(scale.max).toBe(undefined);
-
- scale.update(400, 400);
- expect(scale.min).toBe(1);
- expect(scale.max).toBe(5000);
+ expect(chart.scales.yScale1).not.toEqual(undefined); // must construct
+ expect(chart.scales.yScale1.min).toBe(1);
+ expect(chart.scales.yScale1.max).toBe(5000);
});
- it('Should correctly determine the max & min data values when there is NaN data', function() {
- var scaleID = 'myScale';
-
- var mockData = {
- datasets: [{
- yAxisID: scaleID,
- data: [undefined, 10, null, 5, 5000, NaN, 78, 450]
- }]
- };
-
- var mockContext = window.createMockContext();
- var options = Chart.scaleService.getScaleDefaults('logarithmic');
- var Constructor = Chart.scaleService.getScaleConstructor('logarithmic');
- var scale = new Constructor({
- ctx: mockContext,
- options: options, // use default config for scale
- chart: {
- data: mockData
+ it('should correctly determine the max & min data values when there is NaN data', function() {
+ var chart = window.acquireChart({
+ type: 'bar',
+ data: {
+ datasets: [{
+ data: [undefined, 10, null, 5, 5000, NaN, 78, 450]
+ }, {
+ data: [undefined, 28, null, 1000, 500, NaN, 50, 42]
+ }],
+ labels: ['a', 'b', 'c', 'd', 'e', 'f' ,'g']
},
- id: scaleID
+ options: {
+ scales: {
+ yAxes: [{
+ id: 'yScale',
+ type: 'logarithmic'
+ }]
+ }
+ }
});
- expect(scale).not.toEqual(undefined); // must construct
- expect(scale.min).toBe(undefined); // not yet set
- expect(scale.max).toBe(undefined);
-
- scale.update(400, 400);
- expect(scale.min).toBe(1);
- expect(scale.max).toBe(5000);
+ expect(chart.scales.yScale).not.toEqual(undefined); // must construct
+ expect(chart.scales.yScale.min).toBe(1);
+ expect(chart.scales.yScale.max).toBe(5000);
// Turn on stacked mode since it uses it's own
- options.stacked = true;
+ chart.options.scales.yAxes[0].stacked = true;
+ chart.update();
- scale.update(400, 400);
- expect(scale.min).toBe(1);
- expect(scale.max).toBe(5000);
+ expect(chart.scales.yScale.min).toBe(10);
+ expect(chart.scales.yScale.max).toBe(6000);
});
-
- it('Should correctly determine the max & min for scatter data', function() {
- var scaleID = 'myScale';
-
- var mockData = {
- datasets: [{
- xAxisID: scaleID, // for the horizontal scale
- yAxisID: scaleID,
- data: [{
- x: 10,
- y: 100
- }, {
- x: 2,
- y: 6
- }, {
- x: 65,
- y: 121
- }, {
- x: 99,
- y: 7
+ it('should correctly determine the max & min for scatter data', function() {
+ var chart = window.acquireChart({
+ type: 'line',
+ data: {
+ datasets: [{
+ data: [
+ { x: 10, y: 100 },
+ { x: 2, y: 6 },
+ { x: 65, y: 121 },
+ { x: 99, y: 7 }
+ ]
}]
- }]
- };
-
- var mockContext = window.createMockContext();
- var config = Chart.helpers.clone(Chart.scaleService.getScaleDefaults('logarithmic'));
- var Constructor = Chart.scaleService.getScaleConstructor('logarithmic');
- var verticalScale = new Constructor({
- ctx: mockContext,
- options: config,
- chart: {
- data: mockData
},
- id: scaleID
+ options: {
+ scales: {
+ xAxes: [{
+ id: 'xScale',
+ type: 'logarithmic',
+ position: 'bottom'
+ }],
+ yAxes: [{
+ id: 'yScale',
+ type: 'logarithmic'
+ }]
+ }
+ }
});
- verticalScale.update(400, 400);
- expect(verticalScale.min).toBe(1);
- expect(verticalScale.max).toBe(200);
-
- var horizontalConfig = Chart.helpers.clone(config);
- horizontalConfig.position = 'bottom';
- var horizontalScale = new Constructor({
- ctx: mockContext,
- options: horizontalConfig,
- chart: {
- data: mockData
- },
- id: scaleID,
- });
+ expect(chart.scales.xScale.min).toBe(1);
+ expect(chart.scales.xScale.max).toBe(100);
- horizontalScale.update(400, 400);
- expect(horizontalScale.min).toBe(1);
- expect(horizontalScale.max).toBe(100);
+ expect(chart.scales.yScale.min).toBe(1);
+ expect(chart.scales.yScale.max).toBe(200);
});
- it('Should correctly determine the min and max data values when stacked mode is turned on', function() {
- var scaleID = 'myScale';
-
- var mockData = {
- datasets: [{
- yAxisID: scaleID,
- data: [10, 5, 1, 5, 78, 100],
- type: 'bar'
- }, {
- yAxisID: 'second scale',
- data: [-1000, 1000],
- }, {
- yAxisID: scaleID,
- data: [150, 10, 10, 100, 10, 9],
- type: 'bar'
- }, {
- yAxisID: scaleID,
- data: [100, 100, 100, 100, 100, 100],
- type: 'line'
- }]
- };
-
- var config = Chart.helpers.clone(Chart.scaleService.getScaleDefaults('logarithmic'));
- config.stacked = true; // enable scale stacked mode
-
- var mockContext = window.createMockContext();
- var Constructor = Chart.scaleService.getScaleConstructor('logarithmic');
- var scale = new Constructor({
- ctx: mockContext,
- options: config,
- chart: {
- data: mockData
+ it('should correctly determine the min and max data values when stacked mode is turned on', function() {
+ var chart = window.acquireChart({
+ type: 'bar',
+ data: {
+ datasets: [{
+ type: 'bar',
+ yAxisID: 'yScale0',
+ data: [10, 5, 1, 5, 78, 100]
+ }, {
+ yAxisID: 'yScale1',
+ data: [-1000, 1000],
+ }, {
+ type: 'bar',
+ yAxisID: 'yScale0',
+ data: [150, 10, 10, 100, 10, 9]
+ }, {
+ type: 'line',
+ yAxisID: 'yScale0',
+ data: [100, 100, 100, 100, 100, 100]
+ }],
+ labels: ['a', 'b', 'c', 'd', 'e', 'f']
},
- id: scaleID
+ options: {
+ scales: {
+ yAxes: [{
+ id: 'yScale0',
+ type: 'logarithmic',
+ stacked: true
+ }, {
+ id: 'yScale1',
+ type: 'logarithmic'
+ }]
+ }
+ }
});
- scale.update(400, 400);
- expect(scale.min).toBe(10);
- expect(scale.max).toBe(200);
+ expect(chart.scales.yScale0.min).toBe(10);
+ expect(chart.scales.yScale0.max).toBe(200);
});
- it('Should correctly determine the min and max data values when stacked mode is turned on ignoring hidden datasets', function() {
- var scaleID = 'myScale';
-
- var mockData = {
- datasets: [{
- yAxisID: scaleID,
- data: [10, 5, 1, 5, 78, 100],
- type: 'bar'
- }, {
- yAxisID: 'second scale',
- data: [-1000, 1000],
- type: 'bar'
- }, {
- yAxisID: scaleID,
- data: [150, 10, 10, 100, 10, 9],
- type: 'bar'
- }, {
- yAxisID: scaleID,
- data: [10000, 10000, 10000, 10000, 10000, 10000],
- hidden: true,
- type: 'bar'
- }]
- };
-
- var config = Chart.helpers.clone(Chart.scaleService.getScaleDefaults('logarithmic'));
- config.stacked = true; // enable scale stacked mode
-
- var mockContext = window.createMockContext();
- var Constructor = Chart.scaleService.getScaleConstructor('logarithmic');
- var scale = new Constructor({
- ctx: mockContext,
- options: config,
- chart: {
- data: mockData
+ it('should correctly determine the min and max data values when stacked mode is turned on ignoring hidden datasets', function() {
+ var chart = window.acquireChart({
+ type: 'bar',
+ data: {
+ datasets: [{
+ yAxisID: 'yScale0',
+ data: [10, 5, 1, 5, 78, 100],
+ type: 'bar'
+ }, {
+ yAxisID: 'yScale1',
+ data: [-1000, 1000],
+ type: 'bar'
+ }, {
+ yAxisID: 'yScale0',
+ data: [150, 10, 10, 100, 10, 9],
+ type: 'bar'
+ }, {
+ yAxisID: 'yScale0',
+ data: [10000, 10000, 10000, 10000, 10000, 10000],
+ hidden: true,
+ type: 'bar'
+ }],
+ labels: ['a', 'b', 'c', 'd', 'e', 'f']
},
- id: scaleID
+ options: {
+ scales: {
+ yAxes: [{
+ id: 'yScale0',
+ type: 'logarithmic',
+ stacked: true
+ }, {
+ id: 'yScale1',
+ type: 'logarithmic'
+ }]
+ }
+ }
});
- scale.update(400, 400);
- expect(scale.min).toBe(10);
- expect(scale.max).toBe(200);
+ expect(chart.scales.yScale0.min).toBe(10);
+ expect(chart.scales.yScale0.max).toBe(200);
});
- it('Should ensure that the scale has a max and min that are not equal', function() {
- var scaleID = 'myScale';
-
- var mockData = {
- datasets: []
- };
-
- var mockContext = window.createMockContext();
- var config = Chart.helpers.clone(Chart.scaleService.getScaleDefaults('logarithmic'));
- var Constructor = Chart.scaleService.getScaleConstructor('logarithmic');
- var scale = new Constructor({
- ctx: mockContext,
- options: config,
- chart: {
- data: mockData
+ it('should ensure that the scale has a max and min that are not equal', function() {
+ var chart = window.acquireChart({
+ type: 'bar',
+ data: {
+ datasets: [{
+ data: []
+ }],
+ labels: []
},
- id: scaleID
+ options: {
+ scales: {
+ yAxes: [{
+ id: 'yScale',
+ type: 'logarithmic'
+ }]
+ }
+ }
});
- scale.update(400, 00);
- expect(scale.min).toBe(1);
- expect(scale.max).toBe(10);
+ expect(chart.scales.yScale.min).toBe(1);
+ expect(chart.scales.yScale.max).toBe(10);
- mockData.datasets = [{
- yAxisID: scaleID,
- data: [0.15, 0.15]
- }];
+ chart.data.datasets[0].data = [0.15, 0.15];
+ chart.update();
- scale.update(400, 400);
- expect(scale.min).toBe(0.01);
- expect(scale.max).toBe(1);
+ expect(chart.scales.yScale.min).toBe(0.01);
+ expect(chart.scales.yScale.max).toBe(1);
});
-
- it('Should use the min and max options', function() {
- var scaleID = 'myScale';
-
- var mockData = {
- datasets: [{
- yAxisID: scaleID,
- data: [1, 1, 1, 2, 1, 0]
- }]
- };
-
- var mockContext = window.createMockContext();
- var config = Chart.helpers.clone(Chart.scaleService.getScaleDefaults('logarithmic'));
-
- config.ticks.min = 10;
- config.ticks.max = 1010;
-
- var Constructor = Chart.scaleService.getScaleConstructor('logarithmic');
- var scale = new Constructor({
- ctx: mockContext,
- options: config,
- chart: {
- data: mockData
+ it('should use the min and max options', function() {
+ var chart = window.acquireChart({
+ type: 'bar',
+ data: {
+ datasets: [{
+ data: [1, 1, 1, 2, 1, 0]
+ }],
+ labels: []
},
- id: scaleID
+ options: {
+ scales: {
+ yAxes: [{
+ id: 'yScale',
+ type: 'logarithmic',
+ ticks: {
+ min: 10,
+ max: 1010,
+ callback: function(value) {
+ return value;
+ }
+ }
+ }]
+ }
+ }
});
- scale.update(400, 00);
- scale.buildTicks();
- expect(scale.min).toBe(10);
- expect(scale.max).toBe(1010);
- expect(scale.ticks[0]).toBe(1010);
- expect(scale.ticks[scale.ticks.length - 1]).toBe(10);
+ var yScale = chart.scales.yScale;
+ var tickCount = yScale.ticks.length;
+ expect(yScale.min).toBe(10);
+ expect(yScale.max).toBe(1010);
+ expect(yScale.ticks[0]).toBe(1010);
+ expect(yScale.ticks[tickCount - 1]).toBe(10);
});
- it('Should generate tick marks', function() {
- var scaleID = 'myScale';
-
- var mockData = {
- datasets: [{
- yAxisID: scaleID,
- data: [10, 5, 1, 25, 78]
- }, ]
- };
-
- var config = Chart.helpers.clone(Chart.scaleService.getScaleDefaults('logarithmic'));
- var Constructor = Chart.scaleService.getScaleConstructor('logarithmic');
- var scale = new Constructor({
- ctx: {},
- options: config,
- chart: {
- data: mockData
+ it('should generate tick marks', function() {
+ var chart = window.acquireChart({
+ type: 'bar',
+ data: {
+ datasets: [{
+ data: [10, 5, 1, 25, 78]
+ }],
+ labels: []
},
- id: scaleID
+ options: {
+ scales: {
+ yAxes: [{
+ id: 'yScale',
+ type: 'logarithmic',
+ ticks: {
+ callback: function(value) {
+ return value;
+ }
+ }
+ }]
+ }
+ }
});
- // Set arbitrary width and height for now
- scale.width = 50;
- scale.height = 400;
-
- scale.determineDataLimits();
- scale.buildTicks();
-
// Counts down because the lines are drawn top to bottom
- expect(scale.ticks).toEqual([80, 70, 60, 50, 40, 30, 20, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1]);
- expect(scale.start).toBe(1);
- expect(scale.end).toBe(80);
+ expect(chart.scales.yScale).toEqual(jasmine.objectContaining({
+ ticks: [80, 70, 60, 50, 40, 30, 20, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1],
+ start: 1,
+ end: 80
+ }));
});
- it('Should generate tick marks in the correct order in reversed mode', function() {
- var scaleID = 'myScale';
-
- var mockData = {
- datasets: [{
- yAxisID: scaleID,
- data: [10, 5, 1, 25, 78]
- }, ]
- };
-
- var config = Chart.helpers.clone(Chart.scaleService.getScaleDefaults('logarithmic'));
- config.ticks.reverse = true;
-
- var Constructor = Chart.scaleService.getScaleConstructor('logarithmic');
- var scale = new Constructor({
- ctx: {},
- options: config,
- chart: {
- data: mockData
+ it('should generate tick marks in the correct order in reversed mode', function() {
+ var chart = window.acquireChart({
+ type: 'line',
+ data: {
+ datasets: [{
+ data: [10, 5, 1, 25, 78]
+ }],
+ labels: []
},
- id: scaleID
+ options: {
+ scales: {
+ yAxes: [{
+ id: 'yScale',
+ type: 'logarithmic',
+ ticks: {
+ reverse: true,
+ callback: function(value) {
+ return value;
+ }
+ }
+ }]
+ }
+ }
});
- // Set arbitrary width and height for now
- scale.width = 50;
- scale.height = 400;
-
- scale.determineDataLimits();
- scale.buildTicks();
-
// Counts down because the lines are drawn top to bottom
- expect(scale.ticks).toEqual([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 20, 30, 40, 50, 60, 70, 80]);
- expect(scale.start).toBe(80);
- expect(scale.end).toBe(1);
+ expect(chart.scales.yScale).toEqual(jasmine.objectContaining({
+ ticks: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 20, 30, 40, 50, 60, 70, 80],
+ start: 80,
+ end: 1
+ }));
});
- it('Should build labels using the default template', function() {
- var scaleID = 'myScale';
-
- var mockData = {
- datasets: [{
- yAxisID: scaleID,
- data: [10, 5, 1, 25, 78]
- }, ]
- };
-
- var mockContext = window.createMockContext();
- var config = Chart.helpers.clone(Chart.scaleService.getScaleDefaults('logarithmic'));
- var Constructor = Chart.scaleService.getScaleConstructor('logarithmic');
- var scale = new Constructor({
- ctx: mockContext,
- options: config,
- chart: {
- data: mockData
+ it('should build labels using the default template', function() {
+ var chart = window.acquireChart({
+ type: 'line',
+ data: {
+ datasets: [{
+ data: [10, 5, 1, 25, 78]
+ }],
+ labels: []
},
- id: scaleID
+ options: {
+ scales: {
+ yAxes: [{
+ id: 'yScale',
+ type: 'logarithmic'
+ }]
+ }
+ }
});
- scale.update(400, 400);
-
- expect(scale.ticks).toEqual(['8e+1', '', '', '5e+1', '', '', '2e+1', '1e+1', '', '', '', '', '5e+0', '', '', '2e+0', '1e+0']);
+ expect(chart.scales.yScale.ticks).toEqual(['8e+1', '', '', '5e+1', '', '', '2e+1', '1e+1', '', '', '', '', '5e+0', '', '', '2e+0', '1e+0']);
});
- it('Should build labels using the user supplied callback', function() {
- var scaleID = 'myScale';
-
- var mockData = {
- datasets: [{
- yAxisID: scaleID,
- data: [10, 5, 1, 25, 78]
- }, ]
- };
-
- var config = Chart.helpers.clone(Chart.scaleService.getScaleDefaults('logarithmic'));
- config.ticks.userCallback = function(value, index) {
- return index.toString();
- };
-
- var mockContext = window.createMockContext();
- var Constructor = Chart.scaleService.getScaleConstructor('logarithmic');
- var scale = new Constructor({
- ctx: mockContext,
- options: config,
- chart: {
- data: mockData
+ it('should build labels using the user supplied callback', function() {
+ var chart = window.acquireChart({
+ type: 'bar',
+ data: {
+ datasets: [{
+ data: [10, 5, 1, 25, 78]
+ }],
+ labels: []
},
- id: scaleID
+ options: {
+ scales: {
+ yAxes: [{
+ id: 'yScale',
+ type: 'logarithmic',
+ ticks: {
+ callback: function(value, index) {
+ return index.toString();
+ }
+ }
+ }]
+ }
+ }
});
- scale.update(400, 400);
-
// Just the index
- expect(scale.ticks).toEqual(['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16']);
+ expect(chart.scales.yScale.ticks).toEqual(['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16']);
});
- it('Should correctly get the correct label for a data item', function() {
- var scaleID = 'myScale';
-
- var mockData = {
- datasets: [{
- yAxisID: scaleID,
- data: [10, 5, 5000, 78, 450]
- }, {
- yAxisID: 'second scale',
- data: [1, 1000, 10, 100],
- }, {
- yAxisID: scaleID,
- data: [150]
- }]
- };
-
- var mockContext = window.createMockContext();
- var Constructor = Chart.scaleService.getScaleConstructor('logarithmic');
- var scale = new Constructor({
- ctx: mockContext,
- options: Chart.scaleService.getScaleDefaults('logarithmic'), // use default config for scale
- chart: {
- data: mockData,
+ it('should correctly get the correct label for a data item', function() {
+ var chart = window.acquireChart({
+ type: 'bar',
+ data: {
+ datasets: [{
+ yAxisID: 'yScale0',
+ data: [10, 5, 5000, 78, 450]
+ }, {
+ yAxisID: 'yScale1',
+ data: [1, 1000, 10, 100],
+ }, {
+ yAxisID: 'yScale0',
+ data: [150]
+ }],
+ labels: []
},
- id: scaleID
+ options: {
+ scales: {
+ yAxes: [{
+ id: 'yScale0',
+ type: 'logarithmic'
+ }, {
+ id: 'yScale1',
+ type: 'logarithmic'
+ }]
+ }
+ }
});
- scale.update(400, 400);
-
- expect(scale.getLabelForIndex(0, 2)).toBe(150);
+ expect(chart.scales.yScale1.getLabelForIndex(0, 2)).toBe(150);
});
- it('Should get the correct pixel value for a point', function() {
- var scaleID = 'myScale';
-
- var mockData = {
- datasets: [{
- xAxisID: scaleID, // for the horizontal scale
- yAxisID: scaleID,
- data: [10, 5, 1, 25, 78]
- }]
- };
-
- var mockContext = window.createMockContext();
- var config = Chart.helpers.clone(Chart.scaleService.getScaleDefaults('logarithmic'));
- var Constructor = Chart.scaleService.getScaleConstructor('logarithmic');
- var verticalScale = new Constructor({
- ctx: mockContext,
- options: config,
- chart: {
- data: mockData
+ it('should get the correct pixel value for a point', function() {
+ var chart = window.acquireChart({
+ type: 'bar',
+ data: {
+ datasets: [{
+ xAxisID: 'xScale', // for the horizontal scale
+ yAxisID: 'yScale',
+ data: [10, 5, 1, 25, 78]
+ }],
+ labels: []
},
- id: scaleID
+ options: {
+ scales: {
+ yAxes: [{
+ id: 'xScale',
+ type: 'logarithmic',
+ position: 'bottom'
+ }, {
+ id: 'yScale',
+ type: 'logarithmic'
+ }]
+ }
+ }
});
- verticalScale.update(50, 100);
-
- // Fake out positioning of the scale service
- verticalScale.left = 0;
- verticalScale.top = 0;
- verticalScale.right = 50;
- verticalScale.bottom = 110;
- verticalScale.paddingTop = 5;
- verticalScale.paddingBottom = 5;
- verticalScale.width = 50;
- verticalScale.height = 110;
-
- expect(verticalScale.getPixelForValue(80, 0, 0)).toBe(5); // top + paddingTop
- expect(verticalScale.getValueForPixel(5)).toBeCloseTo(80, 1e-4);
-
- expect(verticalScale.getPixelForValue(1, 0, 0)).toBe(105); // bottom - paddingBottom
- expect(verticalScale.getValueForPixel(105)).toBeCloseTo(1, 1e-4);
-
- expect(verticalScale.getPixelForValue(10, 0, 0)).toBeCloseTo(52.4, 1e-4); // halfway
- expect(verticalScale.getValueForPixel(52.4)).toBeCloseTo(10, 1e-4);
-
- expect(verticalScale.getPixelForValue(0, 0, 0)).toBe(5); // 0 is invalid. force it on top
-
- var horizontalConfig = Chart.helpers.clone(config);
- horizontalConfig.position = 'bottom';
- var horizontalScale = new Constructor({
- ctx: mockContext,
- options: horizontalConfig,
- chart: {
- data: mockData
- },
- id: scaleID,
- });
-
- horizontalScale.update(100, 50);
-
- // Fake out positioning of the scale service
- horizontalScale.left = 0;
- horizontalScale.top = 0;
- horizontalScale.right = 110;
- horizontalScale.bottom = 50;
- horizontalScale.paddingLeft = 5;
- horizontalScale.paddingRight = 5;
- horizontalScale.width = 110;
- horizontalScale.height = 50;
-
- expect(horizontalScale.getPixelForValue(80, 0, 0)).toBe(105); // right - paddingRight
- expect(horizontalScale.getValueForPixel(105)).toBeCloseTo(80, 1e-4);
-
- expect(horizontalScale.getPixelForValue(1, 0, 0)).toBe(5); // left + paddingLeft
- expect(horizontalScale.getValueForPixel(5)).toBeCloseTo(1, 1e-4);
-
- expect(horizontalScale.getPixelForValue(10, 0, 0)).toBeCloseTo(57.5, 1e-4); // halfway
- expect(horizontalScale.getValueForPixel(57.5)).toBeCloseTo(10, 1e-4);
-
- expect(horizontalScale.getPixelForValue(0, 0, 0)).toBe(5); // 0 is invalid, put it on the left.
+ var xScale = chart.scales.xScale;
+ expect(xScale.getPixelForValue(80, 0, 0)).toBeCloseToPixel(495); // right - paddingRight
+ expect(xScale.getPixelForValue( 1, 0, 0)).toBeCloseToPixel(48); // left + paddingLeft
+ expect(xScale.getPixelForValue(10, 0, 0)).toBeCloseToPixel(283); // halfway
+ expect(xScale.getPixelForValue( 0, 0, 0)).toBeCloseToPixel(48); // 0 is invalid, put it on the left.
+
++ expect(xScale.getValueForPixel(495)).toBeCloseTo(80, 1e-4);
++ expect(xScale.getValueForPixel(48)).toBeCloseTo(1, 1e-4);
++ expect(xScale.getValueForPixel(283)).toBeCloseTo(10, 1e-4);
++
+ var yScale = chart.scales.yScale;
+ expect(yScale.getPixelForValue(80, 0, 0)).toBeCloseToPixel(32); // top + paddingTop
+ expect(yScale.getPixelForValue( 1, 0, 0)).toBeCloseToPixel(456); // bottom - paddingBottom
+ expect(yScale.getPixelForValue(10, 0, 0)).toBeCloseToPixel(234); // halfway
+ expect(yScale.getPixelForValue( 0, 0, 0)).toBeCloseToPixel(32); // 0 is invalid. force it on top
++
++ expect(yScale.getValueForPixel(32)).toBeCloseTo(80, 1e-4);
++ expect(yScale.getValueForPixel(456)).toBeCloseTo(1, 1e-4);
++ expect(yScale.getValueForPixel(234)).toBeCloseTo(10, 1e-4);
});
});
projects / thirdparty / Chart.js.git / commitdiff
