数据可视化
文章平均质量分 72
李和贵
开启全栈之旅!近期会更新可视化和服务端部分
展开
-
echarts (一)基础详解
官方文档echarts接口文档加载顺序例如:<script src="echarts.js"></script><body> <div id="box1" class="main"> </div> <style> .main{ width: 600px; height: 600px; } </style>原创 2021-10-31 19:24:33 · 592 阅读 · 0 评论 -
echarts配置详解
官方配置项文档配置color颜色color:['pink','blue','white','black','green'] //颜色盘,循环grid网格配置直角坐标系内绘图网格,单个 grid 内最多可以放置上下两个 X 轴,左右两个 Y 轴。可以在网格上绘制折线图,柱状图,散点图(气泡图) left:10% //left,right,top,bottom ,grid 组件离容器左右上下的距离show:true //是否显示直角坐标系网格containLabel:true原创 2021-11-12 21:21:02 · 2187 阅读 · 1 评论 -
JS-Canvas绘图
基本的画布功能不要在style里面设置width和height(可能会出现位置坐标不准的问题),直接设置canvas的属性就好<canvas id="drawing" width="300" height="150" style="border:1px solid #d3d3d3;"></canvas>要想在画布上绘制图形,首先要获取绘图上下文。使用getContext()方法可以获取绘图上下文的引用。对于平面图形,传入2d即可。 let drawing = docume原创 2021-11-04 17:55:56 · 3207 阅读 · 0 评论