echarts
音乐宇
希望我写的代码和博客,简洁有效,通俗易懂。还有就是帮助别人是一件很开心的事情~~~
展开
-
Echarts 3D地球 复制就可以用
https://echarts.apache.org/zh/builder.htmlhttps://github.com/ecomfe/echarts-gl<script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script><script src="https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js">原创 2021-09-28 18:23:46 · 428 阅读 · 0 评论 -
echarts 配置大全
theme = {// 全图默认背景// backgroundColor: ‘rgba(0,0,0,0)’,// 默认色板color: [’#ff7f50’, ‘#87cefa’, ‘#da70d6’, ‘#32cd32’, ‘#6495ed’,‘#ff69b4’, ‘#ba55d3’, ‘#cd5c5c’, ‘#ffa500’, ‘#40e0d0’,‘#1e90ff’, ‘#ff6347’, ‘#7b68ee’, ‘#00fa9a’, ‘#ffd700’,‘#6699FF’, ‘#ff666原创 2021-09-03 14:02:29 · 250 阅读 · 1 评论 -
Echarts 柱状图
option = { tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, legend: { data: ['DDos AI 防护', 'AI扫描防护'] }, xAxis: [ { type: 'category', data: ['IP数量'原创 2021-09-02 19:10:58 · 108 阅读 · 0 评论 -
超体无敌全echarts 使用方法 带注释
转载自 https://www.jianshu.com/p/3cf80b96a65dtheme = {// 全图默认背景 // backgroundColor: ‘rgba(0,0,0,0)’,// 默认色板 color: ['#ff7f50', '#87cefa', '#da70d6', '#32cd32', '#6495ed', '#ff69b4', '#ba55d3', '#cd5c5c', '#ffa500', '#40e0d0', '#1e90ff转载 2021-09-01 17:58:50 · 173 阅读 · 0 评论 -
echarts 饼状图 调整位置
通过调整 center 按照百分比调整位置series: [{ name: '圆环图系列名称', // 系列名称 type: 'pie', // 系列类型 left: '0%', center: ['24%', '50%'], // 饼图的中心(圆心)坐标,数组的第一项是横坐标,第二项是纵坐标。[ default: ['50%', '50%'] ] radius: ['30%', '40%']原创 2021-09-01 16:53:56 · 24436 阅读 · 1 评论 -
echarts 圆环图表(超级详细)
// 圆环图各环节的颜色 var color = ['#FF488A', '#4D60D0']; // 圆环图各环节的名称和值(系列中各数据项的名称和值) var data =[{ name: '其它攻击数', value: 320 },{ name: '未知攻击数', value: 586 }];op.原创 2021-08-31 14:04:29 · 12012 阅读 · 0 评论