ZingChart - 如何将所有 "scale-y-n"对象放置到图表的左侧？

Question

ZingChart 似乎会自动将所有(第一个除外)按比例缩放的对象放置在图表的右侧。

有没有办法将所有 y 轴都放在图表的左侧？

谢谢。

Answer 1

尝试在 scale-y-n 对象中使用 placement 属性。在以下示例中，我们能够使用 placement:default 在左侧添加额外的 scale-y:

var myChart = {
"graphset":[
    {
        "type":"line",
        "title":{
            "text":"Axis Placement",
            "adjust-layout":true
        },
        "plotarea":{
            "margins":"dynamic",
            "adjust-layout":true
        },
        "scale-x":{
            "label":{
                "text":"Scale X 1"
            }
        },
        "scale-y":{
            "values":"0:100:10",
            "label":{
                "text":"Scale Y 1"
            }
        },
        "scale-y-2":{
            "values":"0:1000:100",
            "placement":"default",
            "label":{
                "text":"Scale Y 2"
            }
        },
        "scale-y-3":{
            "values":"0:2000:200",
            "placement":"opposite",
            "label":{
                "text":"Scale Y 3"
            }
        },
        "plot":{
            
        },
        "series":[
            {
                "values":[69,68,54,48,70,74,98,70,72,68,49,69],
                "scales":"scale-x,scale-y"
            },
            {
                "values":[510,530,470,600,480,520,750,520,550,470,600,480],
                "scales":"scale-x,scale-y-2"
            },
            {
                "values":[1542,1243,1630,1440,1031,1148,1055,1246,1048,1032,1038,1038],
                "scales":"scale-x,scale-y-3"
            }
        ]
    }
]
};

zingchart.render({
  id: "myChart",
  height: "300px",
  width: "100%",
  data: myChart
});

<script src="http://www.zingchart.com/playground/lib/zingchart/zingchart-html5-min.js"></script>
<div id="myChart"></div>

这是一种更简单的移动轴项目的方法，而不是单独移动线、刻度、标签等。 “默认”是这个值的一个棘手的名称，但对于 Y 轴，“默认”意味着“在图表的左侧”。对于 X 轴，如果使用 placement 属性，则默认表示底部。

我是 ZingChart 团队的一员，所以如果您对该属性或此演示有任何疑问，请随时与我们联系。