Viser报错:dodge is not support linear attribute, please use category attribute!

时间:2024-02-01 13:21:40

遇到这样的问题是因为x轴数据不能为为连续性的日期(日期格式为:YYYY-MM-DD),需要设置为分类属性(cat),有一些可能设置为timeCat,看具体情况

scale 参数支持以下类型
• identity,常量类型的数值,也就是说数据的某个字段是不变的常量;
• linear,连续的数字 [1, 2, 3, 4, 5];
• cat,分类, ['男', '女'];
• time,连续的时间类型;
• timeCat,非连续的时间,比如股票的时间不包括周末或者未开盘的日期;
• log,连续非线性的 Log 数据,将 [1, 10, 100, 1000] 转换成 [0, 1, 2, 3](假设底数是 10);
• pow,连续非线性的 pow 数据,将 [2, 4, 8, 16, 32] 转换成 [1, 2, 3, 4, 5]。

可配置scale参数为cat来解决

 // vue tpl
 <v-chart :scale="scale" />

 //data
     scale: [
        {
          tickCount: 7,
          dataKey: "date",
          type: "cat",
        },
      ],

refs:

  1. https://github.com/alibaba/BizCharts/issues/613
  2. https://www.yuque.com/rs385i/yzbt72/inynv8#type