2016-07-18 16 views
0

Ich spielte mit der Wasserfall-Serie der jqxChart herum.jqxChart mit relativen Werten

Nach seiner API, das folgende Stück Code definiert die Werte der Achse, in diesem Fall ist es die y-Achse:

valueAxis: 
{ 
    title: {text: 'Population<br>'}, 
    unitInterval: 1000000, 
    labels: 
    { 
     formatFunction: function (value) { 
      return value/1000000 + ' M'; 
     } 
    } 
} 

Ist es möglich, die Intervalle nicht mit absoluten Werten zu definieren, aber mit relativen Werten. Damit das Intervall z.B. 10% und der Gesamtwert ist 100%?

Einfach unitInterval: '10%' funktioniert nicht.

Dies ist, wie es aussehen sollte:

enter image description here

Here is a fiddle.

Antwort

0

Ich glaube, Sie für diese Optionen suchen:

logarithmicScale: true, 
logarithmicScaleBase: 1.10, 

Beispiel:

valueAxis: 
      { 
       title: {text: 'Population<br>'}, 
       logarithmicScale: true, 
       logarithmicScaleBase: 1.10, 
       labels: 
       { 
        formatFunction: function (value) { 
         return value/1000000 + ' M'; 
        } 
       } 
      }, 

Edit:

var accuracy = 2; 
var first = data[0].population; 
var last = data[data.length - 2].population; 
var unit = (100/last); 

// convert raw data to differences 
for (var i = 0; i < data.length - 2; i++) 
    data[i].population = (data[i].population * unit).toFixed(accuracy); 
+0

Vielen Dank, aber ich möchte die y-Achse Habe% in 10% Intervallen. Also: 10%, 20%, ... 100%. – user1170330

+0

@ user1170330 Können Sie bitte, vielleicht eine visuelle Darstellung von, wie Sie möchten, dass die Y-Achse aussehen könnte. –

+0

Bitte sehen Sie meine aktualisierte Frage. – user1170330