broken-line-chart

    1.0.2 • Public • Published

    borken-line-chart(折线图)

    安装方式

    via npm

    npm install broken-line-chart

    via yarn

    yarn add broken-line-chart

    via cdn

    <script src="https://raw.githubusercontent.com/ChenKS12138/broken-line-chart/master/dist/index.js">
    </script> 

    如何使用

    const el = document.querySelector("canvas");
    const size = {
      width:400,
      height:400
    };
    const data = [
      {
        lineColor:'rgb(12,142,175)',
        textColor:"rgb(255,255,255)",
        pointColor:'rgb(128, 191, 255)',
        pointSize:4,
        lineWidth:3,
        data:[
          {
            value:0.3,
            text:'16℃',
            offest:-0.2
          },
          {
            value:0.5,
            text:'17℃',
            offest:-0.2
          },
          {
            value:0.8,
            text:'20℃',
            offest:-0.2
          }
          ,
          {
            value:0.8,
            text:'20℃',
            offest:-0.2
          }
        ]
      }
    ];
    const animate = borkenLineChart(el,size,data);
    animate(); // 调用动画

    Install

    npm i broken-line-chart

    DownloadsWeekly Downloads

    0

    Version

    1.0.2

    License

    MIT

    Unpacked Size

    15.3 kB

    Total Files

    7

    Last publish

    Collaborators

    • chenks