|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573 |
- describe('Logarithmic Scale tests', function() {
-
- beforeEach(function() {
- window.addDefaultMatchers(jasmine);
- });
-
- afterEach(function() {
- window.releaseAllCharts();
- });
-
- it('should register the constructor with the scale service', function() {
- var Constructor = Chart.scaleService.getScaleConstructor('logarithmic');
- expect(Constructor).not.toBe(undefined);
- expect(typeof Constructor).toBe('function');
- });
-
- it('should have the correct default config', function() {
- var defaultConfig = Chart.scaleService.getScaleDefaults('logarithmic');
- expect(defaultConfig).toEqual({
- display: true,
- gridLines: {
- color: "rgba(0, 0, 0, 0.1)",
- drawBorder: true,
- drawOnChartArea: true,
- drawTicks: true,
- tickMarkLength: 10,
- lineWidth: 1,
- offsetGridLines: false,
- display: true,
- zeroLineColor: "rgba(0,0,0,0.25)",
- zeroLineWidth: 1,
- },
- position: "left",
- scaleLabel: {
- labelString: '',
- display: false,
- },
- ticks: {
- beginAtZero: false,
- minRotation: 0,
- maxRotation: 50,
- mirror: false,
- padding: 10,
- reverse: false,
- display: true,
- callback: defaultConfig.ticks.callback,
- autoSkip: true,
- autoSkipPadding: 0,
- labelOffset: 0
- },
- });
-
-
- expect(defaultConfig.ticks.callback).toEqual(jasmine.any(Function));
- });
-
- 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']
- },
- options: {
- scales: {
- yAxes: [{
- id: 'yScale0',
- type: 'logarithmic'
- }, {
- id: 'yScale1',
- type: 'logarithmic'
- }]
- }
- }
- });
-
- expect(chart.scales.yScale0).not.toEqual(undefined);
- expect(chart.scales.yScale0.min).toBe(10);
- expect(chart.scales.yScale0.max).toBe(1000);
-
- expect(chart.scales.yScale1).not.toEqual(undefined);
- 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 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']
- },
- options: {
- scales: {
- yAxes: [{
- id: 'yScale0',
- type: 'logarithmic'
- }, {
- id: 'yScale1',
- type: 'logarithmic'
- }]
- }
- }
- });
-
- expect(chart.scales.yScale0).not.toEqual(undefined);
- expect(chart.scales.yScale0.min).toBe(10);
- expect(chart.scales.yScale0.max).toBe(1000);
-
- expect(chart.scales.yScale1).not.toEqual(undefined);
- 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 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']
- },
- options: {
- scales: {
- yAxes: [{
- id: 'yScale0',
- type: 'logarithmic'
- }, {
- id: 'yScale1',
- type: 'logarithmic'
- }]
- }
- }
- });
-
- expect(chart.scales.yScale1).not.toEqual(undefined);
- 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 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']
- },
- options: {
- scales: {
- yAxes: [{
- id: 'yScale',
- type: 'logarithmic'
- }]
- }
- }
- });
-
- expect(chart.scales.yScale).not.toEqual(undefined);
- expect(chart.scales.yScale.min).toBe(1);
- expect(chart.scales.yScale.max).toBe(5000);
-
-
- chart.options.scales.yAxes[0].stacked = true;
- chart.update();
-
- 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 chart = window.acquireChart({
- type: 'line',
- data: {
- datasets: [{
- data: [
- { x: 10, y: 100 },
- { x: 2, y: 6 },
- { x: 65, y: 121 },
- { x: 99, y: 7 }
- ]
- }]
- },
- options: {
- scales: {
- xAxes: [{
- id: 'xScale',
- type: 'logarithmic',
- position: 'bottom'
- }],
- yAxes: [{
- id: 'yScale',
- type: 'logarithmic'
- }]
- }
- }
- });
-
- expect(chart.scales.xScale.min).toBe(1);
- expect(chart.scales.xScale.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 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']
- },
- options: {
- scales: {
- yAxes: [{
- id: 'yScale0',
- type: 'logarithmic',
- stacked: true
- }, {
- id: 'yScale1',
- type: 'logarithmic'
- }]
- }
- }
- });
-
- 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 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']
- },
- options: {
- scales: {
- yAxes: [{
- id: 'yScale0',
- type: 'logarithmic',
- stacked: true
- }, {
- id: 'yScale1',
- type: 'logarithmic'
- }]
- }
- }
- });
-
- 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 chart = window.acquireChart({
- type: 'bar',
- data: {
- datasets: [{
- data: []
- }],
- labels: []
- },
- options: {
- scales: {
- yAxes: [{
- id: 'yScale',
- type: 'logarithmic'
- }]
- }
- }
- });
-
- expect(chart.scales.yScale.min).toBe(1);
- expect(chart.scales.yScale.max).toBe(10);
-
- chart.data.datasets[0].data = [0.15, 0.15];
- chart.update();
-
- 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 chart = window.acquireChart({
- type: 'bar',
- data: {
- datasets: [{
- data: [1, 1, 1, 2, 1, 0]
- }],
- labels: []
- },
- options: {
- scales: {
- yAxes: [{
- id: 'yScale',
- type: 'logarithmic',
- ticks: {
- min: 10,
- max: 1010,
- callback: function(value) {
- return value;
- }
- }
- }]
- }
- }
- });
-
- 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 chart = window.acquireChart({
- type: 'bar',
- data: {
- datasets: [{
- data: [10, 5, 1, 25, 78]
- }],
- labels: []
- },
- options: {
- scales: {
- yAxes: [{
- id: 'yScale',
- type: 'logarithmic',
- ticks: {
- callback: function(value) {
- return value;
- }
- }
- }]
- }
- }
- });
-
-
- 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 chart = window.acquireChart({
- type: 'line',
- data: {
- datasets: [{
- data: [10, 5, 1, 25, 78]
- }],
- labels: []
- },
- options: {
- scales: {
- yAxes: [{
- id: 'yScale',
- type: 'logarithmic',
- ticks: {
- reverse: true,
- callback: function(value) {
- return value;
- }
- }
- }]
- }
- }
- });
-
-
- 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 chart = window.acquireChart({
- type: 'line',
- data: {
- datasets: [{
- data: [10, 5, 1, 25, 78]
- }],
- labels: []
- },
- options: {
- scales: {
- yAxes: [{
- id: 'yScale',
- type: 'logarithmic'
- }]
- }
- }
- });
-
- 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 chart = window.acquireChart({
- type: 'bar',
- data: {
- datasets: [{
- data: [10, 5, 1, 25, 78]
- }],
- labels: []
- },
- options: {
- scales: {
- yAxes: [{
- id: 'yScale',
- type: 'logarithmic',
- ticks: {
- callback: function(value, index) {
- return index.toString();
- }
- }
- }]
- }
- }
- });
-
-
- 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 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: []
- },
- options: {
- scales: {
- yAxes: [{
- id: 'yScale0',
- type: 'logarithmic'
- }, {
- id: 'yScale1',
- type: 'logarithmic'
- }]
- }
- }
- });
-
- expect(chart.scales.yScale1.getLabelForIndex(0, 2)).toBe(150);
- });
-
- it('should get the correct pixel value for a point', function() {
- var chart = window.acquireChart({
- type: 'bar',
- data: {
- datasets: [{
- xAxisID: 'xScale',
- yAxisID: 'yScale',
- data: [10, 5, 1, 25, 78]
- }],
- labels: []
- },
- options: {
- scales: {
- yAxes: [{
- id: 'xScale',
- type: 'logarithmic',
- position: 'bottom'
- }, {
- id: 'yScale',
- type: 'logarithmic'
- }]
- }
- }
- });
-
- var xScale = chart.scales.xScale;
- expect(xScale.getPixelForValue(80, 0, 0)).toBeCloseToPixel(495);
- expect(xScale.getPixelForValue( 1, 0, 0)).toBeCloseToPixel(48);
- expect(xScale.getPixelForValue(10, 0, 0)).toBeCloseToPixel(283);
- expect(xScale.getPixelForValue( 0, 0, 0)).toBeCloseToPixel(48);
-
- 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);
- expect(yScale.getPixelForValue( 1, 0, 0)).toBeCloseToPixel(456);
- expect(yScale.getPixelForValue(10, 0, 0)).toBeCloseToPixel(234);
- expect(yScale.getPixelForValue( 0, 0, 0)).toBeCloseToPixel(32);
-
- expect(yScale.getValueForPixel(32)).toBeCloseTo(80, 1e-4);
- expect(yScale.getValueForPixel(456)).toBeCloseTo(1, 1e-4);
- expect(yScale.getValueForPixel(234)).toBeCloseTo(10, 1e-4);
- });
- });
|