
eCharts
文章平均质量分 75
eCharts
前端路上迷茫的小鲨鱼
这个作者很懒,什么都没留下…
展开
-
echarts报错Initialize failed: invalid dom./There is a chart instance already initialized on the dom.
echarts常见报错原创 2022-12-01 08:59:14 · 2412 阅读 · 0 评论 -
echarts中国地图及经纬度json
echarts地图原创 2022-09-07 20:46:22 · 1839 阅读 · 0 评论 -
饼图自定义legend文字内容,以及饼图中间显示数量 ,中国地图制作
echarts5使用原创 2022-09-04 14:48:46 · 7820 阅读 · 5 评论 -
echarts环形图自定义title居中显示
title: { zlevel: 0, text: [ '{name|¥}'+'{value|' + total + '}', '{name|总金额}', ].join('\n'), top: 'center', left: '46%', textAlign: 'center', textStyle: { rich: { value: { color: '#303133', fontSize: 22, .原创 2021-05-18 10:26:09 · 5333 阅读 · 1 评论 -
uni小程序使用echarts
1、推荐使用插件市场 echarts-for-wx 插件 小程序中几乎可以完美使用 用法和echarts用法一致2、https://echarts.apache.org/zh/builder.html定制echarts的js文件,选择需要的图下载,生成文件放到上图:3、使用<template> <view> <view style='width: 100%;height: 400rpx;'> <uni-ec...原创 2021-02-19 15:59:25 · 592 阅读 · 0 评论 -
echarts单条横向圆角柱形图
option = { tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' }, show: false }, color: ['#959595...原创 2020-10-12 17:07:51 · 246 阅读 · 0 评论 -
layui下拉框选择切换echarts值
layui<div class="layui-col-md6 chart"> <header class="chart-header"> <span class="left chart-title">摄影师接单数量前十排行</span> <div class="right year"> ...原创 2020-05-20 16:13:58 · 3549 阅读 · 2 评论 -
echarts横向柱状图一端圆形配置
option = { tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, color: ['#959595'], grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, ...原创 2020-05-16 14:30:13 · 1171 阅读 · 0 评论 -
echarts饼图中间有间隔
var chartPieState = echarts.init(document.getElementById('chartPieState'));optionState = { tooltip: { trigger: 'item', formatter: "{a} <br/>{b}: {c} ({d}%)" }, color: ['#6495ed','#ff69b4', '#ba55d3', '#87cefa', '#d..原创 2020-05-16 13:35:47 · 3645 阅读 · 0 评论 -
vue使用echarts
1.在methods接口里面写2.定义data中数据获取在methods里面写入接口方法findByPersonalAssessment(){ let userName = AES.Decrypt(tokenUtils.getCookies("username")) ; assessment_api.getPersonalAssessment(use...原创 2020-04-10 11:38:42 · 227 阅读 · 0 评论 -
echarts 去除刻度线,修改网格线,添加y轴标题,x轴倾斜
xAxis: [ { type: 'category', data: ['1号馆', '2号馆', '3号馆', '4号馆', '5号馆', '6号馆', '7号馆', '8号馆', '9号馆', '10号馆', '11号馆', '12号馆'], axisLabel: { rotate: 30, //这个是倾斜角度 show: true, ...原创 2020-03-13 15:37:33 · 1175 阅读 · 0 评论 -
vue使用echarts
1.下载2.在所需页面引用----import echarts from 'echarts'使用----<div id="ldChart" class="chart"></div>将option = {下面的内容复制到return中export default { name: "ContentEchartsTwo", data() {...原创 2020-01-06 16:35:23 · 137 阅读 · 0 评论 -
echarts问题小贴士
1.legend 取消点击事件legend: { data: ['申报凭证'], selectedMode:false //取消图例上的点击事件},color:["#e55346"],2.折线样式3.title4.echarts多条折线图怎么数量对不上5.areaStyle折线图渐变areaStyle: { color: { ...原创 2020-01-06 10:14:08 · 201 阅读 · 0 评论 -
解决echarts饼图显示百分比,和显示内容字体及大小,如何给eCharts饼图区域指定颜色
解决echarts饼图显示百分比,和显示内容字体及大小// 基于准备好的dom,初始化echarts实例 var pieEchart = echarts.init(document.getElementById('pieEchart')); // 指定图表的配置项和数据 var pieoption = { ti...原创 2019-02-14 12:01:07 · 55039 阅读 · 3 评论