2017-09-18 5 views
1

タイトルが混乱しているとわかりますが、この問題の文章を見つけるのは容易ではなかったので、さらに説明します。ハイチャートはy軸を調整してカスタム値の合計として "100%"を設定します

私は、特定のプラットフォームで毎日何件のテストケースが作成されたかの履歴を表示しようとしています。 y値は現在のテストケースの数に反しますが、「期待値」は各セリが目標に達するために必要なテストケースの量です。

何とかy軸表示を期待値にすることはできますか?だから、私がIOSシリーズだけを見てみたいとしたら、yと期待される時刻が同一であることは、プロットの12%ではなく100%を満たすべきであることを知るべきです。 2つのテストケースが作成され、期待値が6の場合も同様です。次に、33%で2%ではなくなります。

http://jsfiddle.net/dWDE6/1201/

var chart = new Highcharts.Chart({ 
 
    chart: { 
 
    renderTo: 'container' 
 
    }, 
 

 
    tooltip: { 
 
    shared: true, 
 
    pointFormat: '{series.name}: <b>{point.y}/{point.expected}</b><br/>', 
 
    }, 
 
    xAxis: { 
 
    type: 'datetime' 
 
    }, 
 
    yAxis: { 
 
    allowDecimals: false, 
 
    title: { 
 
     text: 'Test cases' 
 
    }, 
 
    labels: { 
 
     formatter: function() { 
 
     return this.value + "%"; 
 
     } 
 
    }, 
 
    min: 0, 
 
    max: 100 
 
    }, 
 
    series: [{ 
 
    name: 'IOS', 
 
    data: [{ 
 
     x: Date.UTC(2017, 09, 15), 
 
     y: 2, 
 
     expected: 6 
 
    }, { 
 
     x: Date.UTC(2017, 09, 16), 
 
     y: 3, 
 
     expected: 6 
 
    }, { 
 
     x: Date.UTC(2017, 09, 17), 
 
     y: 6, 
 
     expected: 6 
 
    }] 
 
    }, { 
 
    name: 'Android', 
 
    data: [{ 
 
     x: Date.UTC(2017, 09, 15), 
 
     y: 2, 
 
     expected: 12 
 
    }, { 
 
     x: Date.UTC(2017, 09, 16), 
 
     y: 3, 
 
     expected: 12 
 
    }, { 
 
     x: Date.UTC(2017, 09, 17), 
 
     y: 12, 
 
     expected: 12 
 
    }] 
 
    }, { 
 
    name: 'Windows', 
 
    data: [{ 
 
     x: Date.UTC(2017, 09, 15), 
 
     y: 6, 
 
     expected: 12 
 
    }, { 
 
     x: Date.UTC(2017, 09, 16), 
 
     y: 8, 
 
     expected: 12 
 
    }, { 
 
     x: Date.UTC(2017, 09, 17), 
 
     y: 14, 
 
     expected: 12 
 
    }] 
 
    }] 
 
});
<script src="https://code.highcharts.com/highcharts.js"></script> 
 
<div id="container" style="height: 400px"></div>

答えて

0

ここにあなたが後にあるものを達成するための一つの方法です。

http://jsfiddle.net/ewolden/dWDE6/1202/

私は次のようにあなたのポイントのスタイルを変更:

actual: 2, 
expected: 6, 
y: 2/6*100 

そして次pointFormat:

pointFormat: '{series.name}: <b>{point.actual}/{point.expected}</b><br/>' 
関連する問題