《微信小程序》-F2图表组件实践遇到的那些卡壳

效果图

卡壳一-自定义颜色，必定tooltip显示重复

chart.tooltip({
    showCrosshairs: true,
    showTitle: false,
    showItemMarker: false,
    snap: true,
    crosshairsType: 'xy',
});
chart.area().position('date*weight').color('#0ac7d9').shape('smooth').adjust('stack');
chart.line().position('date*weight').color('#0ac7d9').shape('smooth').adjust('stack');

解决方案

chart.tooltip({
    showCrosshairs: true,
    showTitle: false,
    showItemMarker: false,
    snap: true,
    crosshairsType: 'xy',
    onShow: function onShow(ev) { //添加如下
        return (ev.items = ev.items.splice(1));
    },
});

卡壳二-字符串线性展示不支持

解决方案

定义类型，让库自己解决 – 错的离谱，行不通

// 参数
 [{
    date: "2/27"
    height: "170"
    weight: "70"
 }]

chart.source(chartData, {
    date: {
      range: [0, 1],
      type: 'timeCat',
      mask: 'MM-DD'
    },
    weight: {
      type:'linear', //添加
      min:0,
      max: 120,
      tickCount: 5,
      alias: '体重(kg)'
    }
  });