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

Question

ZingChart似乎会自动将所有（第一个除外）scale-y对象放置在图表的右侧。

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

谢谢。

Answer 1

尝试在scale-y-n对象中使用placement属性。我们可以使用placement在左侧添加一个额外的scale-y：在以下示例中为default：

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属性，则default表示底部。

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