2017-05-30 28 views
0

100%積み重ね領域シリーズ(アンダーレイとして表示)と列シリーズを持つチャートを作成したいとします。積み重ねられた一連の値は、1またはnull(縦書きまたは非表示)のいずれかになります。値の軸に列シリーズのみを使用し、積み重ねられた領域シリーズは無視します。ここで100%の積み重ね領域と縦棒グラフを組み合わせ、縦軸値のみを使用する力値軸

は挙動を示し、単純なチャートの定義である:ここで

<kendo-chart> 
    <kendo-chart-series> 
    <kendo-chart-series-item type="column" [data]="[5, 3, 2, 1, 6, 8]"> 
    </kendo-chart-series-item> 
    <kendo-chart-series-item type="area" [line]="{ style: 'step' }" [stack]="{ type: '100%' }" [data]="[1, 1, 1, null, null, 1]"> 
    </kendo-chart-series-item> 
    </kendo-chart-series> 
</kendo-chart> 

はPlunkerです:代わりに値の系列ラベルの

http://plnkr.co/edit/nATHiFiqr8cTVQxg20Ez?p=preview

は0から800パーセントを示し、それがなければなりませんむしろ0〜8を示します。達成することは可能ですか?

答えて

0

これは、各シリーズに別々の値軸のコンフィグを追加し、積み重ねられた領域軸を隠し、パーセント値ではなく数値にフォーマットするように強制しました。

<kendo-chart> 
    <kendo-chart-value-axis> 
    <kendo-chart-value-axis-item> 
     <kendo-chart-value-axis-item-labels format="n"></kendo-chart-value-axis-item-labels> 
    </kendo-chart-value-axis-item> 
    <kendo-chart-value-axis-item [visible]="false" name="secondAxis"> 
    </kendo-chart-value-axis-item> 
    </kendo-chart-value-axis> 
    <kendo-chart-series> 
    <kendo-chart-series-item type="column" [data]="[5, 3, 2, 1, 6, 8]"> 
    </kendo-chart-series-item> 
    <kendo-chart-series-item axis="secondAxis" type="area" [line]="{ style: 'step' }" [stack]="{ type: '100%' }" [data]="[1, 1, 1, null, null, 1]"> 
    </kendo-chart-series-item> 
    </kendo-chart-series> 
</kendo-chart> 

Plunkerデモ:

http://plnkr.co/edit/P1KpqJLvnnyNOn1a6Lyc?p=preview

関連する問題