如何在zingcharts angularjs中渲染两个y轴？

我正在尝试使用zingcharts-angularjs指令制作具有双y轴的混合图表

---

对于双Y轴，您遵循“scale-Y-2”模式，但在我的AngularJS应用程序中不起作用。有人知道如何在zingcharts angularjs中渲染两个y轴吗？

在Angular指令中向ZingChart添加多个scale-y与vanilla JavaScript相同

首先，您需要确保在图表中包含一个“scale-y-2”：{}对象。min:max:step值应该继承自系列值，但如果需要，可以显式设置

接下来，您需要确保将每组系列值关联到相应的scale-y。为此，请包含“缩放”：“”属性。这将接受带有两个逗号分隔值的字符串。您需要声明要与序列关联的scale-x和scale-y

目前ZingChart不接受scaleY2的驼峰大小写值。这必须在JSON中表示为“scale-y-2”

下面的代码应该提供您所需要的。我已经对图表中可能缺少的行提供了评论

如果你想看到一个实时工作的例子，你可以运行下面的代码

var-app=angular.module（'myApp'，['zingchart-angularjs']）；
应用控制器（'MainController'，功能（$scope）{
$scope.myJson={
全球：{
影子：错
},
类型：'bar'，
绘图：{
},
背景颜色：“fff”，
斯卡利：{
线条颜色：“BDBFC1”，
线宽：“2px”，
勾选：{
线宽：“0px”
}
},
“缩放-y-2”：{//添加缩放-y-2
},
scaleX：{
线条颜色：“BDBFC1”，
线宽：“2px”，
勾选：{
线宽：“0px”
}
},
系列：[
{ 
值：[54,23,34,23,43]，
缩放：“缩放x，缩放y”//将缩放与系列关联
线条颜色：“D2262E”，
线宽：“2px”，
标记：{
背景色：“D2262E”，
边框宽度：“0px”
}
},
{ 
值：[100015001600020004000]，
线条颜色：“2FA2CB”，
刻度：“刻度-x，刻度-y-2”//将刻度与系列关联
线宽：“2px”，
标记：{
背景色：“2FA2CB”，
边框宽度：“0px”
}
},
]
};
});
html，正文{
边际：0px；
}
使问题更清楚