最近,遇到这样一个问题,将一组日期和数字为数据源的数据画成折线图。
折线图可以左右滑动,可以缩放,同时点击视图的时候可以定位到最近的一个数据点
代码demo:https://github.com/xiujiePei/Line
处理这个我觉得有如下三个难点
一、数据源数据不连续,需要自己计算生成连续数据源
二、如何实现可缩放的折线图
三、如何定位最近的数据源
所以,这里我只针对这三个问题进行分析
一、首先我们看一下数据源
{
"data":[
{
"data":"3478.78",
"date":"0105"
},
{
"data":"3539.81",
"date":"0106"
},
{
"data":"3294.38",
"date":"0107"
},
{
"data":"3361.56",
"date":"0108"
},
{
"data":"3192.45",
"date":"0111"
},
{
"data":"3215.71",
"date":"0112"
},
{
"data":"3155.88",
"date":"0113"
},
{
"data":"3221.57"