antvis / wx-f2

F2 的微信小程序
MIT License
1.28k stars 186 forks source link

怎么让数据从打开就显示 #29

Open AdaVih opened 6 years ago

AdaVih commented 6 years ago

不需要点击就直接显示数据

simaQ commented 6 years ago

? 我的 demo 里面基本就是 ready 后绘制图表的呢。 https://github.com/antvis/wx-f2/tree/master/pages/charts/line

AdaVih commented 6 years ago

2018-06-28 11 35 38 怎么让上面的Delivery等值直接有显示":"后的值

simaQ commented 6 years ago

你是绘制的层叠柱状图吧, image

你这里需要有点击操作么?

AdaVih commented 6 years ago

没错,不需要点击操作,谢谢

simaQ commented 6 years ago

好的!我明白了! 这个时候。可以自定义 legend!

参考 demo: https://antv.alipay.com/zh-cn/f2/3.x/demo/legend/custom-text-style.html

关键代码:

chart.legend({
  position: 'right',
  custom: true,
  items: legendItems,  // 图例项内容
  nameStyle: {
    fill: '#808080'
  }, // 图例项 key 值文本样式
  valueStyle: {
    fill: '#333',
    fontWeight: 'bold' // 图例项 value 值文本样式
  }
});

自定义图例时需要用户自己声明具体的图例项 items(该属性是一个对象数组,数组中每一项为一个对象类型,结构为:{ name: '', value: 12, marker:{ fill: 'red' } }, checked: true)以及图例项的 onClick 事件。

image