var chartData = {
            "type":"mixed","title":{
                "text":"Multiple Y Axis"
            },"scale-x":{
                
            },"scale-y":{
                "values":"0:50:5"
            },"scale-y-2":{
                "values":"0:40000:5000","guide":{
                    "visible":false
                }
            },"series":[
                {
                    "values":[8,31,12,40,24,20,16,9],"type":"bar","scales":"scale-x,scale-y","hover-state":{
                        "visible":false
                    }
                },{
                    "values":[11254,26145,17014,2444,17871,25658,34002,26178,20413],"type":"line",scale-y-2"
                }
            ]
        };

zingchart.render({
  id: "chart",data: chartData,width: "100%"
 });

#chart {
  width: 100%;  
}

<script src="http://cdn.zingchart.com/zingchart.min.js"></script>
<div id="chart"></div>

ZingChart支持带有scale-y-n对象的多个y轴.在Github上也有一个易于使用的Angular directive.

在片段和here’s a more real world example中有一个简单的演示.您可以右键单击图表本身并选择“查看源”以查看JSON.

如果您对实施有任何疑问,请随时与我联系 – 我是ZC团队的成员.