可缩放、滑动显示的折线图

最近，遇到这样一个问题，将一组日期和数字为数据源的数据画成折线图。

折线图可以左右滑动，可以缩放，同时点击视图的时候可以定位到最近的一个数据点

代码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"