0

zingcharts を使用してグラフを作成しています。私のグラフには多くのエントリを持つ凡例があり、私のグラフとかなり重なっています。

私が読んだAPIを通過する

adjustLayout : 凡例の位置を考慮して凡例との重複を防ぐようにプロットエリアに強制します。

それは完璧に聞こえます..私はそれをtrueに設定しましたが、何も起こりません. ｗｗｗ誰もこれを経験したことがありますか？

{
        "gui":{
          "behaviors":[
              {
                  "id": "SaveAsImage",
                  "text": "Save As Image",
                  "function": "exportimageurl"
              }
          ]

        },
        "graphset":[
        {
            "type":"mixed",
            "background-color":"#E6E6E6",
            "stacked":"0",
            "plotarea":{
                "margin":"'.$margin.'"
            },
            "title":{
                "text":"'.$title.'",
                "align":"center",
                "font-family":"Arial",
                "font-size":"18px",
                "font-color":"#000000",
                "font-weight":"bold",
                "background-color":"#E6E6E6"
            },
            "legend":{
                                    "adjustLayout": true,
                "position":"50% 100%",
                "margin":"30 3 5 3",
                "layout":"x2",
                "font-family":"arial",
                "font-size":"8px",
                "background-color":"#E6E6E6",
                "toggle-action":"remove",
                "width":"435px",
                "item":{
                    "marker-style":"square",
                    "font-color":"#000000",
                    "border-width":"0px"
                }
            }
4

1 に答える 1

1

あなたが提供したJSONを使用してZingChartを作成しました（いくつかのシリーズデータを追加し、簡単にするためにGUIオブジェクトを削除し、変数に依存する属性を削除しました）：

    {
        "グラフセット":[
            {
            "タイプ":"バー",
            "背景色":"#E6E6E6",
            "積み上げ":"0",
            "プロットエリア"：{

            }、
            "題名"：{
                "テキスト":"X",
                "整列":"中央",
                "font-family":"Arial",
                "font-size":"18px",
                "font-color":"#000000",
                "font-weight":"太字",
                "背景色":"#E6E6E6"
            }、
            "伝説"：{
                "adjustLayout":true,
                "位置":"50% 100%",
                "余白":"30 3 5 3",
                "レイアウト":"x2",
                "font-family":"arial",
                "font-size":"8px",
                "背景色":"#E6E6E6",
                "トグルアクション":"削除",
                "幅":"435px",
                "アイテム"：{
                    "marker-style":"square",
                    "font-color":"#000000",
                    "border-width":"0px"
                }
            }、
                "シリーズ"：[
            {
                "値":[69,68,54,48,70,74,98,70,72,68,49,69],
                "テキスト":"アップル"
            }、
            {
                "値":[51,53,47,60,48,52,75,52,55,47,60,48],
                "テキスト":"マイクロソフト"
            }、
            {
                "値":[42,43,30,40,31,48,55,46,48,32,38,38],
                "テキスト":"オラクル"
            }、
            {
                "値":[25,15,26,21,24,26,33,25,15,25,22,24],
                "テキスト":"デル"
            }
        ]
    }
    ]
    }

「margin」属性が PLOTAREA から削除されたときに、「adjustLayout」属性が LEGEND で機能していました。これが、共有したコードとこの投稿で共有したコードの最大の違いです。

于 2014-05-27T17:30:10.407 に答える