問題タブ [amcharts4]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
amcharts - グラフのカスタム色を設定しようとしています
縦棒グラフにカスタム色を追加しようとしているので、各縦棒の色が異なります。次のコードがあります。
作成したデータプロバイダーに基づいてチャートをうまくレンダリングしますが、色を設定していません。ここから色コードを取得しました: https://www.amcharts.com/docs/v4/concepts/colors/。XY チャートと派生チャート セクション
テーマを使用しようとしましたが、それも機能しませんでした:
すべての列を最初の色に設定します。次に、各列の dataProvider に color プロパティを追加しようとしましたが、最初の色を持つようにすべてを設定します。
私はほとんどアイデアがありません。
javascript - amcharts4対数値軸でゼロ値を処理する適切な方法
amcharts4 でさまざまなデータを表示したいので、数値軸に対数スケールを使用するのが好きです。残念ながら、データにはいくつかのゼロ値が含まれており、もちろん対数スケールで表示することはできません。
グラフをレンダリングする前にゼロの値を 1 に変更しようとしましたが、これは機能しますが、値が正しくなくなりました。
正しいデータを表示できるように、対数値軸でゼロ値を処理するより良い方法はありますか?
これが私の現在の解決策を示すコードペンです。
javascript - amcharts4のゲージチャートでフォントの色を変更し、ラベルを垂直方向に揃えるにはどうすればよいですか?
行ごとに異なるフォントを使用して、amcharts4 ゲージ チャートのラベルに 2 つの行を追加しようとしています。
にhorizontalCenter
設定してもmiddle
、フォントは左揃えのままです。
第二に、私はチャートの一番下に限定されているようです。グラフの外側にラベル (「進行状況」) を追加できますが、ラベルの一部としてこれを行うことができるかどうか疑問に思っています。ドキュメントには、複数のラベルを設定する方法や、このラベルの色を変更する方法が示されていないようです。
===================
アップデート
軸が 2 つとラベルが 1 つあるので、単数形のグラフ ラベルを使用するのではなく、軸ごとにフォントのサイズと色が異なるため、各軸にラベル テキストを使用したいと考えています。
この例に従おうとすると、次のようになります。
このコードを使用する<%=strKey%>
と、 は動的オブジェクト名になります。
これを参照する必要があるかもしれませんがradarContainer
、軸ごとに 1 つのラベルのみを配置する必要があると思います。
アップデート
ラベルに異なるフォントの 2 行が必要なため、これは明らかに私が探しているものではありません。