Echarts
关注
分享
扫一扫
学习Echarts的初衷是为了制作更精彩的图表，不受于Excel、帆软等限制。分享一些学习小经验，希望对各位有帮助。
Térébentine
这个作者很懒，什么都没留下…
展开
-
Echarts水球图-多波纹和直线静止波纹
Echarts简单水球图原创 2022-02-01 11:02:38 · 1408 阅读 · 1 评论 -
Echarts环形进度条
最终效果图如下：注意和基础折线图不同，进度条需要额外定义2个变量：var value = 66;//当前进度var maxvalue = 100;//进度条最大值完整代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <!--title表示网页名称--> <title>右上-圆环图</title> <!--引入E原创 2022-02-01 10:50:56 · 2439 阅读 · 0 评论 -
Echarts基础圆环图
Echarts基础圆环图原创 2022-02-01 10:46:13 · 1182 阅读 · 0 评论 -
Echarts基础折线图
最终效果如图所示原创 2022-02-01 10:29:38 · 369 阅读 · 0 评论 -
echarts 各个配置项详细说明总结
每个系列通过 type 决定自己的图表类型： type: 'bar'：柱状/条形图 type: 'line'：折线/面积图 type: 'pie'：饼图 type: 'scatter'：散点（气泡）图 type: 'effectScatter'：带有涟漪特效动画的散点（气泡） type: 'radar'：雷达图 type: 'tree'：树型图 type: 'treemap'：树型图 type: 'sunburst'：旭日图原创 2022-01-30 12:20:26 · 428 阅读 · 0 评论 -
Echarts柱状图——设置平均值线
想在柱状图中设置平均值线，只需在series系列中加入markLine代码。注意L是大写，小写不能出图。series:[ { //这里的name,type,data都为本图的示例所需 name:'销量', type:'bar', data:[5,20,36,10,10,20], /*设置针形圆，这步若不需要可以删除和更改，是本图中针形圆的代码 markPoint:{ ... }, */ //设置平均值线 markLine:...原创 2022-01-28 22:04:01 · 8420 阅读 · 1 评论 -
Echarts柱状图_设置最小最大值的针形圆
如图所示，希望柱状图上设置最小值和最大值的针形圆，只需在series系列中加入以下markPoint代码：（记得P是大写，小写不能出图）series:[ { //这里的name,type,data是本图所用的示例，type表示柱状图，大家可以根据需要修改 name:'销量', type:'bar', data:[5,20,36,10,10,20], //设置针形圆 markPoint:{ data:[.原创 2022-01-28 21:03:07 · 1617 阅读 · 0 评论