amchartsのタイトルの位置を変更します

Evgenij Reznik

アムチャート使って簡単なグラフを作成し、タイトルを設定しました。
位置を変えることはできますか?私の場合、タイトルをグラフの左側に、おそらく90度の角度で表示したいと思います。

ここに画像の説明を入力してください

これはコードの抜粋です:

var chart = AmCharts.makeChart("chartdiv", {
  "type": "serial",
  //..
  , "titles": [{
    "text": "My Chart Title"
  }, {
    "text": "My Chart Sub-Title",
    "bold": false
  }]
});

これがフィドルです。

martynasma

代わりにラベル機能使用してみませんか?

とは異なりtitles、ラベルはグラフ領域の任意の場所に配置したり、回転したりする任意のテキストにすることができます。

"allLabels": [{
  "text": "My Chart Title",
  "bold": true,
  "x": 10,
  "y": "50%",
  "rotation": 270,
  "width": "100%",
  "align": "middle"
}, {
  "text": "My Chart Sub-Title",
  "bold": false,
  "x": 30,
  "y": "50%",
  "rotation": 270,
  "width": "100%",
  "align": "middle"
}]

唯一の欠点は、チャートのマージンを手動で調整して、それらに対応する必要があることです。チャートは、タイトルのようにマージンを自動調整しません。

値軸と同じ左側にラベルがmarginLeft必要なため、軸は軸のラベルに必要なマージンを自動計算しようとするため、設定は無視されます。(ラベルには含まれません)

ignoreAxisWidth値軸のセットをに固定trueます。

これが更新されフィドルです。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

ボタン内の属性付きタイトルの位置を変更します

分類Dev

plotlyを使用してggplotの軸タイトル位置を変更します

分類Dev

Altairでファセットタイトルの位置を変更しますか?

分類Dev

プロットRのタイトル位置を変更します

分類Dev

amcharts4のチャートのタイトルを動的に変更する

分類Dev

UINavigationControllerタイトルのフォントを変更します

分類Dev

NSButtonのタイトル位置を変更する

分類Dev

NavigationViewのヘッダータイトルを変更します

分類Dev

AlertDialogのタイトルを動的に変更します(showDialog())

分類Dev

UITabBarControllerのタイトルを変更します

分類Dev

jQueryトグル-画像の背景位置を変更します

分類Dev

UIAlertControllerのタイトルのフォントサイズを変更します

分類Dev

Wordpressサイトのタブタイトルを変更しますか?

分類Dev

NavigationBarの戻るボタンのタイトルを変更します

分類Dev

ツールバーのタイトルの色を変更しますか?

分類Dev

ボタンのテキストを変更すると、ボタンはGridLayout内の位置を変更します

分類Dev

scrollViewの位置に基づいてnavigationBarのタイトルを変更する

分類Dev

UIPickerViewを拡張して、タイトルの色を変更します

分類Dev

AndroidTeeChartで軸タイトルと軸の間の距離を変更します

分類Dev

WooCommerceの製品カテゴリのタイトルを変更しますか?

分類Dev

LAContextはUIAlertControllerボタンのタイトルを変更します

分類Dev

ラベルのアスタリスクの位置を変更します

分類Dev

UICollectionViewセルに従ってUINavigationbarのタイトルを変更します

分類Dev

DijitConfirmDialog-デフォルトのスタイルを変更します

分類Dev

ExtJSはMessageBoxのデフォルトボタンの位置を変更します(ExtJS 4.2.1)

分類Dev

javafx.concurrent.Taskの名前またはタイトルを変更します

分類Dev

javafx.concurrent.Taskの名前またはタイトルを変更します

分類Dev

Reactでドキュメントのタイトルを変更しますか?

分類Dev

バッチ内の異なるテキスト位置でファイルの名前を変更します

Related 関連記事

  1. 1

    ボタン内の属性付きタイトルの位置を変更します

  2. 2

    plotlyを使用してggplotの軸タイトル位置を変更します

  3. 3

    Altairでファセットタイトルの位置を変更しますか?

  4. 4

    プロットRのタイトル位置を変更します

  5. 5

    amcharts4のチャートのタイトルを動的に変更する

  6. 6

    UINavigationControllerタイトルのフォントを変更します

  7. 7

    NSButtonのタイトル位置を変更する

  8. 8

    NavigationViewのヘッダータイトルを変更します

  9. 9

    AlertDialogのタイトルを動的に変更します(showDialog())

  10. 10

    UITabBarControllerのタイトルを変更します

  11. 11

    jQueryトグル-画像の背景位置を変更します

  12. 12

    UIAlertControllerのタイトルのフォントサイズを変更します

  13. 13

    Wordpressサイトのタブタイトルを変更しますか?

  14. 14

    NavigationBarの戻るボタンのタイトルを変更します

  15. 15

    ツールバーのタイトルの色を変更しますか?

  16. 16

    ボタンのテキストを変更すると、ボタンはGridLayout内の位置を変更します

  17. 17

    scrollViewの位置に基づいてnavigationBarのタイトルを変更する

  18. 18

    UIPickerViewを拡張して、タイトルの色を変更します

  19. 19

    AndroidTeeChartで軸タイトルと軸の間の距離を変更します

  20. 20

    WooCommerceの製品カテゴリのタイトルを変更しますか?

  21. 21

    LAContextはUIAlertControllerボタンのタイトルを変更します

  22. 22

    ラベルのアスタリスクの位置を変更します

  23. 23

    UICollectionViewセルに従ってUINavigationbarのタイトルを変更します

  24. 24

    DijitConfirmDialog-デフォルトのスタイルを変更します

  25. 25

    ExtJSはMessageBoxのデフォルトボタンの位置を変更します(ExtJS 4.2.1)

  26. 26

    javafx.concurrent.Taskの名前またはタイトルを変更します

  27. 27

    javafx.concurrent.Taskの名前またはタイトルを変更します

  28. 28

    Reactでドキュメントのタイトルを変更しますか?

  29. 29

    バッチ内の異なるテキスト位置でファイルの名前を変更します

ホットタグ

アーカイブ