今日工作中需要生成一张带有基准线的图表,我脑海里面第一个想法就是,既然是基准线,那我就在series里面多添加一条线就行了啊。于是我的series里面这样写:
series:[ { name:'实际线', data:[300,545,166,454,154,163] }, { name:'基准线', data:[500,500,500,500,500,500] } ]
运行之后,一条笔直的横线趟在图表中500的位置。于是洋洋自得。(注:在“基准线”的data中,所有的数据必须是数字的,虽然js是弱类型的语言,但是这里必须是数字,否则的话线是画不成的。我使用的是Number()方法,当然了,也可以使用parseInt()或者parseFloat()).
不过,后来又从网上学到另一种添加基准线的方法,就是在Axis中添加plotLines的配置,详细的就不赘述了,API中有,网上也有好多。