漏刻有时的博客_JavaScript,PHP,HTML5,漏刻有时,echarts,layui(11)

Echarts实战案例代码(32)：layui模态框弹出框展现echarts不显示的问题

封装layui弹出层函数function getDiv(title, url, w, h) { if (title == null || title == '') { title = false; } if (url == null || url == '') { url = "404.html"; } if (w == null || w == '') { w = ($(window).width() * 0..

弹出层

html

解决方案

ico

背景色

原创 2021-07-30 16:25:02 838 阅读

Echarts实战案例代码(35)：股票智能跟踪分析系统

option = { backgroundColor: "#0f375f", title: { text: '股票智能跟踪分析系统', textStyle: { align: 'right', color: '#fff', fontSize: 20, }, top: '5%', left: 'center', }, grid.

坐标轴

ico

字体颜色

分隔线

ide

原创 2021-07-30 16:25:00 197 阅读

Echarts实战案例代码(27)：地理坐标图视觉引导线及富文本提示框的案例

项目要点使用如何注册地理坐标图；带有起点和终点信息的线数据的路径图的使用；使用富文本表现文本框；多组数据在文本内如何使用 formatter回调函数；区域鼠标事件变化文本框样式；geoJSON数据调用geoJSON，设置区域中心点坐标和显示文本框位置的经纬度坐标；myChart.showLoading();var uploadedDataURL = "/asset/get/s/data-1593486529294-SRyGZ7brP.json";const COORDS_LINE

json

数据

鼠标事件

文本框

提示框

原创 2021-07-30 16:24:58 1136 阅读

Echarts实战案例代码(29)：来找茬，柱状图在F11全屏下显示三角形的异形情况案例

异常代码： xAxis: { type: 'category', axisTick: { show: false }, axisLine: { show: true, lineStyle: { color: 'rgba(255,255,255,0.2)', .

echarts

原创 2021-07-30 16:24:57 196 阅读

Echarts实战案例代码(30)：同一个id空间Tab按钮显示不同图表防止叠加的解决方案

按钮状态设置$('#ct1').click(function () { $('#ct1').removeClass().addClass('active'); $('#ct2').removeClass().addClass('unactive'); $('#ct3').removeClass().addClass('unactive'); $('#ct4').removeClass().addClass('unactive'); getOrders("0");..

echarts

原创 2021-07-30 16:24:56 142 阅读

Echarts实战案例代码(33)：饼状图半圆实现方法

解决方案：按照饼图的实际写法，将所有项作为180°上的饼图，所有相的和作为180°下的半圆不显示即可。let list = [{ name: "张三", value: "9"}, { name: "李四", value: "50"}, { name: "王五", value: "30"}, { name: "马六", value: "9"}, { name: "__other", value: "0"}]let.

饼图

解决方案

显示方式

echarts

原创 2021-07-30 16:24:55 4582 阅读 1点赞

Echarts实战案例代码(31)：模态框弹出层无法正常显示echarts图表的解决方案

错误方案： var showContent = "<div id=\"gender2\" style=\"display:block;height: 500px;\"></div>"; layer.open({ type: 1, area: [w + 'px', h + 'px'], title: false, //title: title, maxmin: false, shadeC

弹出层

ico

解决方案

模态框

css

原创 2021-07-30 16:24:53 632 阅读

Echarts实战案例代码(34)：柱状图箭头增长下降

//定义两个上下箭头的矢量路径var up = 'path://M286.031,265l-16.025,3L300,223l29.994,45-16.041-3-13.961,69Z';var down = 'path://M216.969,292l16.025-3L203,334l-29.994-45,16.041,3,13.961-69Z' series: [ { "name": "", type: 'pictorialB.

直接访问

echarts

原创 2021-07-30 16:24:52 1663 阅读

layui动态表格条件语句判断的方式

按钮的条件判断直接在表格渲染的cols判断 , {field: 'pool_able', title: '操作', align: 'center', width: 200, templet: function (d) { if (d.pool_able == "0"

文件管理

html

上传

条件判断

上传文件

原创 2021-07-30 16:24:43 2169 阅读

解决layUI请求上传接口出现异常的解决方案

请求上传接口出现异常 Fatalerror:Array and string offset access syntax with curlybracesis no longer supported in C:\xampp\htdocs\libs\PHPExcel\Shared\String.phponline526

.net

php

上传

解决方案

原创 2021-07-30 16:24:35 3048 阅读

Echarts参数属性学习：地图可视化视觉映射组件visualMap数组最大值max的获取方式

一、创建随机数JS代码 function rondomNum(){ return parseFloat(Math.random()*1000).toFixed(0); }二、地图县市名称及值 var cityData = [ {name: '阿克苏市', value: rondomNum()}, ...

数组参数

i++

js代码

随机数

干货

原创 2021-07-30 16:24:19 1351 阅读

Echarts实战案例代码(36)：nicescroll.min.js实现图表隐藏部分滚动显示的解决方案

在Echarts中实现图表数据滚动，一般采用dataZoom组件，但在空间不够的情况下，nicescroll.min.js滚动条也是不错的解决方案。外部引入nicescroll.min.js <script type="text/javascript" src="{$STATIC}js/jquery.nicescroll.min.js"></script>HTML容器代码 <div class="nice">

css

jquery

活动状态

ide

html

原创 2021-07-30 16:24:18 264 阅读

Echarts参数属性学习：formatter字符串&返回函数的实战案例

formatter内容格式器，支持字符串模板和回调函数两种形式。回调函数格式：(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) => string{ componentType: 'series', // 系列类型 seriesType: string,...

数据

回调函数

数组

坐标轴

类目

原创 2021-07-30 16:24:18 1814 阅读

Echarts与bmap结合使用百度地图系统自带的12个个性化模板mapStyle列表

bmap样式设置 bmap: { center: [113.844038, 22.907044],//默认中心点; zoom: 12,//缩放级别； roam: false,//是否缩放 mapStyle:{style:'hardedge'} },设置地图样式,将style改为模板下方的英文名称：`mapStyle:{style:‘hardedge’}系统自带12个样式，具体

缩放

echarts

原创 2021-07-30 16:24:17 2442 阅读

JavaScript将csv转为json的解决方案(1):jQuery-csv解析csv数据

CSV是Comma Separated Values的缩写，一种常用的数据存储文件格式，其中每一行是一条记录，每一条记录包含很多列，每列中的数据通常使用逗号分隔，当其中的值包含逗号时需要使用单引号或双引号包含。其实CSV的分隔符是很灵活的，可以使用很多种。很多js函数库都可以解析CSV文件，比较简单和简洁的是使用jQuery-csv.js。使用jQuery-csv.js解析出的CSV文件...

jquery

json

ajax

模版

chrome

原创 2021-07-30 16:24:16 1528 阅读

百度标注地图markers图片icon不正常显示的样式冲突解决方案

问题如上，基本上都是样式表冲突导致的。本例的解决方式如下：img { border: none; max-width: 100%;}删除max-width: 100%;即可

样式表

干货

原创 2021-07-30 16:24:15 506 阅读

Echarts地图下钻带地级市链接的解决方案

设置需要链接的城市名称对象数组 //01.省市需要添加链接的城市.按格式复制; var provinceData = [ {"cityName": "宁波市"}, {"cityName": "台州市"}, {"cityName": "呼伦贝尔市"} ];进入对应的城市后，添加myChart.on(“click”, function (params) {｝事件。 if (pName === "china") { // 全国

i++

链接地址

对象数组

echarts

原创 2021-07-30 16:24:15 313 阅读 1收藏

Echarts地图下钻交互菜单操作按钮

点击选择所属省份的链接<div id="menu"><span><a href="#" onclick="getCity('shanghai', '上海');">上海</a></span></div>执行封装函数 //构建操作函数; function getCity(provinces, provincesText) { //显示选择的省份; showProvince(provinc

互操作

返回按钮

css样式

封装

echarts

原创 2021-07-30 16:24:14 809 阅读

ajax获取success返回值的解决方案

获取success返回值的方式有：一、调用返回值，作为全局函数使用：var jsonData = []; function getCsv() { var csv_file_API = 'sample.csv';//csv files $.ajax({ type: 'post', url: csv_file_...

json

数组

全局变量

xml

jquery选择器

原创 2021-07-30 16:24:13 590 阅读

Echarts实战案例代码(39)：地理坐标整体地图背景色渐变效果和字体随地图缩放的解决方案

项目需求：在echarts地图上实现整体的渐变效果。属性分析：areaColor: {}线性渐变 itemStyle: { normal: { borderColor: 'rgba(147, 235, 248, 0.6)', borderWidth: 0.8, areaColor: { type: 'linear-grad

缩放

线性渐变

echarts

原创 2021-07-30 16:24:12 3131 阅读

Echarts地图针对特定区域进行放大的操作方案

// 针对海南放大 if (pName == '海南') { option.series[1].center = [109.844902, 19.0392]; option.series[1].layoutCenter = ['50%', '50%']; option.series[1].layoutSize = "300%"; } else { //非显示海南时，将设置的参数恢复默认值...

默认值

echarts

原创 2021-07-30 16:24:11 2815 阅读

js读取csv文件并使用json显示中文乱码的解决方案

一、通过excle整理数据，标准的表格数据格式二、选择“文件”另存为“sample.csv”格式三、记事本，右键打开“sample.csv”，再选择文件“另存为”，在编码选项中选择“UTF-8”格式。刷新页面！Done！...

另存为

刷新页面

数据格式

右键

数据

原创 2021-07-30 16:24:11 1856 阅读

Echarts实战案例代码(37)：markLine实现Y轴阈值点设置

markLine: { silent: true, symbol: 'none',//数据标识 data: [ { yAxis: 15, symbol: 'circle',//当前标识 lineStyle: { .

数据

echarts

原创 2021-07-30 16:24:10 1045 阅读

echarts读取excle转为json格式显示图表同步加载数据的方法(1)

一、引入jquery.min.js、jquery.csv.min.js和echarts.min.js核心js库；  <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <!--jquery.csv...

jquery

javascript

数据

ajax

i++

原创 2021-07-30 16:24:10 80 阅读

Echarts实战案例代码(40)：tooltip使用formatter函数判断是否显示提示内容

tooltip: { trigger: 'item', formatter: function(params) { if (typeof(params.value)[2] == "undefined") { return params.name + ' : ' + params.value; } else { retu

echarts

原创 2021-07-30 16:24:09 899 阅读

Echarts实战案例代码(42)：饼图不同区域的渐变实现的解决方案

颜色数组var colorList_data_2 = [{ c1: ' #9966ff', //实践 c2: '#ff66ff' }, { c1: '#ff3366', //操作 c2: '#ff6699' }, { c1: '#ff6666', //操作 c2: '#ffcc66' }]option设置 itemStyle: { .

颜色渐变

数组

echarts

原创 2021-07-30 16:24:08 651 阅读

echarts读取excle转为json格式显示图表异步加载数据的方法(2)

一、引入jquery.min.js、jquery.csv.min.js和echarts.min.js核心js库；  <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <!--jquery.csv...

jquery

数据

ajax

javascript

i++

原创 2021-07-30 16:24:08 179 阅读

漏刻有时API接口实战开发系列(8)：ajax获取本地json实现echarts不同数据图表渲染的解决方案

项目需求筛选时间条件，实现echarts图表的联动渲染；开发前端代码，实现ajax传参即可；项目分析如果时间筛选和后端相配合，传递时间参数给后台，后台SQL根据筛选条件输入对应的json数据，前端异步获取，自动渲染。这是正常的项目步骤。现在仅开发前端，实际上没有传递时间参数，为此，只能根据条件更换url，从而实现联动的效果。项目代码封装函数/*条件筛选函数 1. type,条件类型，0年，1月，2季度，3时间范围 2. fromTime，起始时间; 3. toTime,结束时间；

json

读取数据

sed

ajax

项目代码

原创 2021-07-30 16:24:07 114 阅读

Echarts实战案例代码(41)：自定义map背景图片

series: [{ type: 'map', map: '陕西', roam: false, zoom: 1.2, itemStyle: { normal: { label: {show: true}, ...

3d

echarts

原创 2021-07-30 16:24:06 1372 阅读

JavaScript将csv转为json的解决方案(2):papaparse.js插件

Fast and powerful CSV parser for the browser that supports web workers and streaming large files. Converts CSV to JSON and JSON to CSV. 来源：https://www.bootcdn.cn/PapaParse/papaparse是专门分析CSV的插件，jque...

json

jquery

官网

上传

html

原创 2021-07-30 16:24:06 492 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

漏刻有时

Echarts实战案例代码(32)：layui模态框弹出框展现echarts不显示的问题

Echarts实战案例代码(35)：股票智能跟踪分析系统

Echarts实战案例代码(27)：地理坐标图视觉引导线及富文本提示框的案例

Echarts实战案例代码(29)：来找茬，柱状图在F11全屏下显示三角形的异形情况案例

Echarts实战案例代码(30)：同一个id空间Tab按钮显示不同图表防止叠加的解决方案

Echarts实战案例代码(33)：饼状图半圆实现方法

Echarts实战案例代码(31)：模态框弹出层无法正常显示echarts图表的解决方案

Echarts实战案例代码(34)：柱状图箭头增长下降

layui动态表格条件语句判断的方式

解决layUI请求上传接口出现异常的解决方案

Echarts参数属性学习：地图可视化视觉映射组件visualMap数组最大值max的获取方式

Echarts实战案例代码(36)：nicescroll.min.js实现图表隐藏部分滚动显示的解决方案

Echarts参数属性学习：formatter字符串&返回函数的实战案例

Echarts与bmap结合使用百度地图系统自带的12个个性化模板mapStyle列表

JavaScript将csv转为json的解决方案(1):jQuery-csv解析csv数据

百度标注地图markers图片icon不正常显示的样式冲突解决方案

Echarts地图下钻带地级市链接的解决方案

Echarts地图下钻交互菜单操作按钮

ajax获取success返回值的解决方案

Echarts实战案例代码(39)：地理坐标整体地图背景色渐变效果和字体随地图缩放的解决方案

Echarts地图针对特定区域进行放大的操作方案

js读取csv文件并使用json显示中文乱码的解决方案

Echarts实战案例代码(37)：markLine实现Y轴阈值点设置

echarts读取excle转为json格式显示图表同步加载数据的方法(1)

Echarts实战案例代码(40)：tooltip使用formatter函数判断是否显示提示内容

Echarts实战案例代码(42)：饼图不同区域的渐变实现的解决方案

echarts读取excle转为json格式显示图表异步加载数据的方法(2)

漏刻有时API接口实战开发系列(8)：ajax获取本地json实现echarts不同数据图表渲染的解决方案

Echarts实战案例代码(41)：自定义map背景图片

JavaScript将csv转为json的解决方案(2):papaparse.js插件

欢迎