ハイチャートの積み重ね面積

Question

私は実際の値と期待値とで異なる一連のデータを持っています。各国については、チームの規模に応じて少なくともxxの割り当てが行われることが期待されます。期待値は増減できます。新しいデータは毎日取得され、sqliteデータベースに保存されます。このアイデアは、PythonでFLASKを使用してデータを提示することです。私はそれが賢明な割合で示していますように、これらのデータをプロットすることを夢見ていますData layout

：

sqliteのデータベースでは、次のようなレイアウトを持っています。ギリシャのみのプロットを見たい場合は、最大期待値（この場合は12）を見て、最大適用価値が7であるため、領域の58％をプロットすることになります。私もポーランドのためのプロットを参照して、期待値は、両方の国が100％に達するためには、彼らの課題を完了する必要があることを意味する22になります。

私は試しましたが、私は紛失しています。ここに私のコードは次のとおりです。

Highcharts.chart('container', { 
chart: { 
    type: 'area' 
}, 
title: { 
    text: 'Covered assignents by country' 
}, 
xAxis: { 
    type: 'datetime', 
    tickmarkPlacement: 'on', 
    title: { 
     enabled: false 
    } 
}, 
yAxis: { 
    title: { 
     text: 'Percent' 
    } 
}, 
tooltip: { 
    pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.percentage:.1f}%</b> ({point.y:,.0f} assignments)<br/>', 
    split: true 
}, 
plotOptions: { 
    area: { 
     stacking: 'percent', 
     lineColor: '#ffffff', 
     lineWidth: 1, 
     marker: { 
      lineWidth: 1, 
      lineColor: '#ffffff' 
     } 
    } 
}, 
series: [{ 
    name: 'Greece', 
    data: [{x: Date.UTC(2017,09,08), y:4}, {x: Date.UTC(2017,09,09), y:6}, {x: Date.UTC(2017,09,10), y:7}] 
}, { 
    name: 'Poland', 
    data: [{x: Date.UTC(2017,09,08), y:1}, {x: Date.UTC(2017,09,09), y:3}, {x: Date.UTC(2017,09,10), y:5}] 
}, { 
    name: 'Italy', 
    data: [{x: Date.UTC(2017,09,08), y:1}, {x: Date.UTC(2017,09,09), y:2}, {x: Date.UTC(2017,09,10), y:7}] 
}] 
}); 

jsfiddle：http://jsfiddle.net/ehnhq0pz/3/

私はそれが理にかなって願っています:)

Answer 1

変更stacking"パーセント" からに "ノーマル"（ "パーセント"グラフは常に上に表示されます）。上記

data: [{x: Date.UTC(2017,09,08), origTasks:4, y:14}, ... 

、あなたは何とか自分で計算するパーセンテージです：次に、あなたがデータ系列を作る前に、割合としてy値を計算する必要があります。シリーズに他のデータを含めることもできますし、後でたとえばツールチップ（例：origTasks）にアクセスすることもできます。割り当ての欠損値で、余分なシリーズエン追加についてどのように

http://jsfiddle.net/ehnhq0pz/5/