遇到这样的问题是因为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: