水球图
佛佛ง
前端
展开
-
ECharts Liquid Fill Chart-6-动画效果
1、代码取自http://gallery.echartsjs.com/editor.html?c=xSk8I5JcHe// ECharts 水球图插件,需要额外插件脚本,参见上方“脚本”// 完整配置参数参见:https://github.com/ecomfe/echarts-liquidfillvar option = { series: [{ type: 'liq...转载 2018-06-25 14:32:06 · 906 阅读 · 0 评论 -
ECharts Liquid Fill Chart-7-解决切换tab页时,水球图波浪颜色不变化问题
2、代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>..原创 2018-07-02 23:33:37 · 2602 阅读 · 0 评论 -
ECharts Liquid Fill Chart-5-背景、文字、边框设置
1、代码// ECharts 水球图插件,需要额外插件脚本,参见上方“脚本”// 完整配置参数参见:https://github.com/ecomfe/echarts-liquidfill//两种方式的formattervar option = { series: [{ type: 'liquidFill', name: 'series...原创 2018-06-25 14:07:31 · 13238 阅读 · 2 评论 -
ECharts Liquid Fill Chart-4-形状
1、代码//1、one of the default symbols: 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow';//2、'container': a shape that fully fills the container.//3、an SVG path starting with 'path:/...原创 2018-06-25 11:11:05 · 1472 阅读 · 0 评论 -
ECharts Liquid Fill Chart-3-单个水波颜色、移动方向设置
1、代码//水球图支持非常高度定制化的需求,包括颜色(color)、大小(radius)、波的振幅(amplitude)、波长(waveLength)、相位(phase)、周期(period)、移动方向(direction)、形状(shape)、动画(waveAnimation)等等,var option = { title: { text: '水球图对单个波的配置' ...原创 2018-06-25 10:35:27 · 3233 阅读 · 0 评论 -
ECharts Liquid Fill Chart-2-静止的水平波浪
1、代码option = { title: { text: '基本水球图' }, series: [{ type: 'liquidFill',//定义类型 data: [0.6, 0.5, 0.4, 0.3],//多条波浪,60%, 50%, 40%, and 30%,默认显示第一个数据的百分比,如:60% c...原创 2018-06-25 10:00:27 · 1022 阅读 · 0 评论 -
ECharts Liquid Fill Chart-1-多波浪颜色样式设置
1、代码option = { title: { text: '基本水球图' }, series: [{ type: 'liquidFill',//定义类型 data: [0.6, 0.5, 0.4, 0.3],//多条波浪,60%, 50%, 40%, and 30%,默认显示第一个数据的百分比,如:60% c...原创 2018-06-25 09:44:04 · 4944 阅读 · 0 评论