双Y轴无法同步 - Githubissues

donaldjohn commented 4 years ago

双Y轴无法同步

<template>
<div>
    <v-chart :forceFit="true" :height="254" :data="monthlyData" :scale="monthlyScale" :padding="['auto', 'auto', '40', '50']">
       <v-tooltip/>
       <v-axis/>
       <v-area position="date*req" color="green" />
       <v-area position="date*check" color="blue"/>
    </v-chart>
</div>
</template>

<script>

//最近一月统计
const monthlyData = [{"date":"2020-04-01","req":319,"check":2003},{"date":"2020-04-02","req":312,"check":1935},{"date":"2020-04-03","req":314,"check":1887},{"date":"2020-04-04","req":312,"check":1965},{"date":"2020-04-05","req":319,"check":1921},{"date":"2020-04-06","req":311,"check":1903},{"date":"2020-04-07","req":313,"check":1972},{"date":"2020-04-08","req":311,"check":1958},{"date":"2020-04-09","req":313,"check":1917},{"date":"2020-04-10","req":312,"check":1874},{"date":"2020-04-11","req":314,"check":1940},{"date":"2020-04-12","req":320,"check":1977},{"date":"2020-04-13","req":317,"check":1991},{"date":"2020-04-14","req":314,"check":1982},{"date":"2020-04-15","req":319,"check":1946},{"date":"2020-04-16","req":315,"check":1946},{"date":"2020-04-17","req":316,"check":1912},{"date":"2020-04-18","req":320,"check":1937},{"date":"2020-04-19","req":314,"check":1943},{"date":"2020-04-20","req":318,"check":1983},{"date":"2020-04-21","req":317,"check":1926},{"date":"2020-04-22","req":0,"check":0},{"date":"2020-04-23","req":0,"check":0},{"date":"2020-04-24","req":0,"check":0},{"date":"2020-04-25","req":0,"check":0},{"date":"2020-04-26","req":0,"check":0},{"date":"2020-04-27","req":0,"check":0},{"date":"2020-04-28","req":0,"check":0},{"date":"2020-04-29","req":0,"check":0},{"date":"2020-04-30","req":0,"check":0}];

const monthlyScale = [
        {
        dataKey:'req',  
        alias:'请求量', 
        sync:true
        },
        {
        dataKey:'check',
        alias: '校出量',
        sync:true
        }
];

export default {
  data() {
    return {
      monthlyData,
      monthlyScale,
      height: 400,
    };
  }
};
</script>

donaldjohn commented 4 years ago

经测试, 原生g2 语法设置sync=true无效, 设置sync='vaule'可以实现同步, 但是viser-vue不支持