1.触摸滑动插件 https://www.swiper.com.cn/ 2.ECharts,一个使用 JavaScript 实现的开源可视化库 http://echarts.baidu.com/index.html 3.基于bootstrap的轻量级后台模板 http://adminlte.la99 ...
分类:
Web程序 时间:
2018-08-27 18:29:41
阅读次数:
190
由于业务需求,现在要自定义tootips; 设计稿如下: 代码如下: 更多 :http://gallery.echartsjs.com/editor.html?c=xB1DgDmtmb ...
分类:
其他好文 时间:
2018-08-27 10:30:02
阅读次数:
549
使用Echart的图表柱状图,里面用了Float32Array,IE8下面会提示无法找到Float32Array,黄色叹号。 网上查找后使用如下方法解决;不明觉厉 在<head></head>之间插入下面两行 <meta http-equiv="Content-Type" content="text ...
分类:
其他好文 时间:
2018-08-26 16:38:24
阅读次数:
331
1.安装相关的依赖: cnpm i react-for-echarts -S cnpm i echarts -S 2.使用方法: 页面引入: 1).使用组件方式 2).echarts相关的配置项目 最后导出 ...
分类:
其他好文 时间:
2018-08-25 14:22:50
阅读次数:
1331
theme = { // 全图默认背景 // backgroundColor: 'rgba(0,0,0,0)', // 默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c... ...
var drawFunnelChart=function(chartId,titleText, dataArr,nameArr,gapArr,minValue){ var option = { title: { text: titleText, subtext: '' }, tooltip: { t ...
分类:
Web程序 时间:
2018-08-23 00:36:44
阅读次数:
579
var drawGaugeChart=function(chartId,maxValue,unit,curValue,target){ var target=0.5 var option={ tooltip : { formatter:function(data){ return "业务指标<br> ...
分类:
Web程序 时间:
2018-08-23 00:31:04
阅读次数:
292
本文旨在记录自己的使用过程 dygraphs其实和echarts差不多,个人觉得前者的自我定制功能很强且不是基于canvas所以性能较echarts会好很多。下面开始: 1、准备一个div <div id="container_dy" style="width:600px; height:300px ...
分类:
Web程序 时间:
2018-08-22 12:01:51
阅读次数:
237
首先我们要先去Echarts 官网 根据自己需要的版本进行下载下载 下载完成后,我们在项目中引入echarts 随后创建容器来存放我们要添加的柱状图 容器创建完毕我们需要在js中设置他的属性和值 此配置为基本配置,更多配置请参考配置手册 ...
分类:
其他好文 时间:
2018-08-22 12:01:15
阅读次数:
185
今天在学习使用echarts生成各种图表。 然后在使用pie图时出现我无论怎么更改代码中的颜色,pie图中各块的颜色都十分相近,几乎没法区别块与块之间的区别,如下图: 在下图中,除了其中一块的是红色的,其它都是十分相近的白色,然后我无论怎么更改代码中的rgb值,几乎都没有影响到这个图中的主要颜色 然 ...
分类:
其他好文 时间:
2018-08-22 00:23:31
阅读次数:
2594