broken-line-chart
v1.0.2
Published
折线图 line-chart
Downloads
11
Readme
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(); // 调用动画