小程序选用f2-canvas画图表, 横坐标是时间。 实际上线后,发现android上是好的,但是iphone上显示不对,后来发现是时间格式问题,ios不识别yyyy-MM-dd, 要转换成yyyy/MM/dd.
// => 2022/10/19 08:30:00
time = time.replace(/-/g,"/").substring(0, 19);
附上部分代码:
axml:
<f2 onInit="onInitChart"></f2>
js:
const chart = new F2.Chart(config);
const data = [
{ balance: 13449, createTime: '2011/10/01 10:30:00' },
{ balance: 14269, createTime: '2011/10/02 10:40:00' },
{ balance: 14415, createTime: '2011/10/03 10:50:00' }
];
// chart.changeData(data);
// chart.repaint(); //更新图表
chart.source(data, {
createTime: {
range: [0, 1],
type: 'timeCat',
mask: 'HH:mm',
// tickCount: 7 // 用默认7 调大数据少的时候会远大于7,甚至13
},
balance: {
// max: 2000,
// tickCount: 5 //默认5
}
});
//chart.line().position('createTime*balance').adjust('stack'); //从0开始的
chart.line().position('createTime*balance');
chart.render();
return chart;