echarts-gauge

initGauge(){var mychart = echarts.init(document.getElementById('echarts_FGRQ'))mychart.setOption ({tooltip: {formatter: "{a} <br/>{b} : {c}%"},series: [{name: '人群覆盖',type: 'gauge',center: ["50%", "55%"],radius : "90%",detail: { formatter: '{value}%',offsetCenter: [0, "40%"],color:'#29282A',fontSize : 22,rich : {score : {color : "red",fontFamily : "微软雅黑",fontSize : 12}} },data: [{ value: 60.2, name: '人群覆盖',}],axisLine : {show : true,lineStyle : { // 属性lineStyle控制线条样式color : [ //表盘颜色[ 0.5, "#5094F3" ],//0-50%处的颜色[ 0.7, "#FF5BDDC5" ],//51%-70%处的颜色[ 0.9, "#FFF5F5F6" ],//70%-90%处的颜色[ 1,"##FFF5F5F6" ]//90%-100%处的颜色],width : 10//表盘宽度}},splitLine : { //分割线样式（及10、20等长线样式）show:false,length : 10,lineStyle : { // 属性lineStyle控制线条样式width : 1}},axisTick : { //刻度线样式（及短线样式）show:false,length : 2},axisLabel : { //文字样式（及“10”、“20”等文字样式）show:false,color : "red",distance : 2 //文字离表盘的距离},pointer:{show:true,length: '75%',width:5}},]})}

echarts-gauge相关推荐

echarts gauge仪表盘设置
效果图: 代码如下: option = {series: [{type: "gauge",center: ["50%", "45%"], / ...
ECharts gauge制作钟表
option = {backgroundColor: '#1b1b1b',tooltip : {formatter: "{a} <br/>{c} {b}"},serie ...
echarts 节点（gauge）图的使用
1.导入 import * as echarts from "echarts"; 使用 var myChart = echarts.init(document.getElement ...
ECharts 仪表盘（gauge）改环形跑道使用方法分享
ECharts 仪表盘(gauge) 改环形数据跑道使用方法分享官方原效果这是ECharts的仪表盘,制作的多数据展示效果好了开始干活! 先跳过简单的部分,相信大家都能搞定前面的几步,如有不会 ...
Echarts之gauge表盘的用法
写移动端有一个监测功率的数据展示,要用表盘类型的图示,如下是效果: 四角的数据那是自己写上去的,和echarts没关系,主要是中间的表盘: drawLine (d) { // 参数d是后台获取的当前功 ...
echarts之gauge
最近项目需求,写一个类似仪表盘的图表,因为对echarts的配置项不太熟悉,记录一下不是最终效果,后续还在优化 import * as echarts from 'echarts';var char ...
echarts初始化仪表盘（gauge）
注意:series的属性可以进一次抽离,例子中是没有抽离的,所以重复属性较多完整代码 <!DOCTYPE html> <html lang="en">&l ...
ECharts测量图,功率图
/*** 测量图,功率图1,仪表盘*/ mainpage.prototype.initEcharsGLT1= function(oneJZ){ // if(myChartGLT1 = null &am ...
echarts 设置仪表盘数字的位置_一个 ECharts 做的猜数小游戏
大概 1 年多之前,一位老同学找到我,问能不能帮他做一个非常简单的猜数字游戏,需求是这样的: 在 1 到 100 的整数里,随机选一个数字,让小朋友们猜: 如果猜错了,告知小朋友猜大了还是猜小了: 如 ...
3d饼图 vue_Vue+Echarts构建可视化大数据平台实战项目分享（附源码）(上)
前言分享之前我们先来普及一下什么是数据可视化?数据可视化可以把数据从冰冷的数字转换成图形,揭示蕴含在数据中的规律和道理.数据可视化通俗来说就是:数据的展示.处理和分析.目的是借助于图形化手段,清晰有 ...

echarts-gauge

echarts-gauge相关推荐

最新文章

热门文章