0

我正在使用 zingcharts 创建图表。我的图表有一个包含很多条目的图例，它与我的图表有很多重叠。

浏览我读过的api

adjustLayout ：强制绘图区域考虑图例位置并防止与其重叠。

听起来很完美..我将其设置为 true，但没有任何反应。wtf。有人有这方面的经验吗？

{
        "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",
                "字体大小":"18px",
                "字体颜色":"#000000",
                “字体粗细”：“粗体”，
                “背景颜色”：“#E6E6E6”
            },
            “传奇”：{
                “调整布局”：真，
                "位置":"50% 100%",
                “边距”：“30 3 5 3”，
                “布局”：“x2”，
                “字体家族”：“宋体”，
                “字体大小”：“8px”，
                "背景色":"#E6E6E6",
                “切换动作”：“删除”，
                "宽度":"435px",
                “物品”：{
                    “标记样式”：“方形”，
                    "字体颜色":"#000000",
                    “边框宽度”：“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 回答