Javascript 带两个Yax的水平条图表js

我想做一个有2个Yax的水平条，其中一个条可以有一个正值或负值，正边有一个Yax，负边有其他Yax，如图所示

这是我的密码

我不能改变第二个雅克斯的名字

我添加了具有相同值的数组，因为我想要两个yax，不需要使用“chart.js”，如果您知道我可以使用的其他库，请告诉我

    var canvas = document.getElementById('myChart');
    var extremo1=[-5, 3, 9, -11];
    var extremo2=[-5, 3, 9, -11];
    var data = {
    labels: ["Visua_Verbal", "Secuencial_Global", "Sensitivo_Intuitivo", "Reflexivo_Activo"],

    datasets: [
        {
         backgroundColor: 'rgba(63, 191, 191, 0.75)',
         borderColor: 'rgba(63, 191, 191, 0.75)',
         hoverBackgroundColor: 'rgba(191, 63, 63, 1)',
         hoverBorderColor: 'rgba(191, 63, 63, 1)',
                 data: extremo1
        },
        {   
         backgroundColor: 'rgba(63, 191, 191, 0.75)',
         borderColor: 'rgba(63, 191, 191, 0.75)',
         hoverBackgroundColor: 'rgba(191, 63, 63, 1)',
         hoverBorderColor: 'rgba(191, 63, 63, 1)',
                 data: extremo1
        }
    ]
};

var option = {
      maintainAspectRatio: false,
      responsive: true,
        scales: {
               xAxes: [{
                 display: true,
                 ticks: {
                 maxTicksLimit: 12
                 }
               }],
               yAxes: [{
                  position: "left",
                  display: true,
                  ticks: { 
                  callback:(label,index,labels)=>{
                  label = label.match(/_(\w*)/)[1];
                  return label;
                  }}
                  },
                  {
                   position: "right",
                   display: true,
                   ticks: {

                   callback:(label,index,labels)=>{
                   return label ;
                   }
                  }
                 }]
                 },
                 legend: {
                         display: false
                }

};
var myLineChart = new Chart(canvas,{
    type: 'horizontalBar',
    data:data,
  options:option
});

---

在下面的代码段中，我在y轴上设置了选项

标签

，

类型

，

偏移

，以获得您想要的结果。我还删除了不必要的属性

var canvas=document.getElementById（'myChart'）；
var extremo=[-5,3,9，-11]；
风险值数据={
数据集：[{
背景颜色：“rgba（631911910.75）”，
边框颜色：“rgba（631911910.75）”，
hoverBackgroundColor:“rgba（191,63,63,1）”，
hoverBorderColor:“rgba（191,63,63,1）”，
数据：极值
}]
};
var选项={
MaintaintAspectRatio:false，
回答：是的，
比例：{
xAxes：[{
滴答声：{
马克斯：12
}
}],
雅克斯：[{
标签：['verball'、'Global'、'Reflexivo'、'Sensitivo']
},
{
位置：'右'，
标签：[“视觉”、“安全”、“活动”、“直观”]，
网格线：{
显示：假
},
类型：'类别'，
偏移量：对
}
]
},
图例：{
显示：假
}
};
var myLineChart=新图表（画布{
键入：“水平线”，
数据：数据，
选项：选项
});
谢谢，我非常感谢