javascript - KendoUI 折れ線グラフを使用して、カテゴリに複数の折れ線ラベルを付けるにはどうすればよいですか?

Question

DotNet Charting チャートを KendoUI に置き換えています。折れ線グラフに複数の線のラベルを付けることができる必要があります。ラベルの赤い丸が付いている下の画像を参照してください。どんな提案でも大歓迎です。

現在のチャートと、交換する必要がある DotNet カートを参照してください。

Answer 1

簡単な答え: できません。

長い答え: できませんが、剣道にはバグがあり、そのようなことはできません。

Kendo はチャートの SVG をオンザフライで作成しています。SVG は単なる XML であり、javascript 構成を介して要素に XML を挿入できます。

ラベルの場合、要素を使用してテキストを配置する必要があります。この要素の SVG 仕様を参照してください: http://www.w3.org/TR/SVG/text.html#TSanElement

ここでの問題は、Kendo が左寄せのテキストを使用し、このバグで親要素を変更できないことです。つまり、一度に 1 ピクセルずつ、すべてを手動でオフセットする必要があります。テキストが静的な場合、これでうまくいく可能性があります。それが動的である場合、私はそれを試みさえしません。

JS を介して何かを一緒にハックし、Kendo が変更するたびにその場で SVG を操作できるかもしれません...しかし、それほど多くの作業を行う場合は、チャート ライブラリを作成することもできます。

編集:古いディスプレイを正確にミラーリングする必要がない場合は、ラベルを回転させたほうがよい場合があります。