![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
u012720337
这个作者很懒,什么都没留下…
展开
-
Echarts详解
一,Echarts引入html方式引入<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ECharts</title> <script src="js/echarts.min.js" type="text/java...原创 2020-01-04 07:44:37 · 242 阅读 · 0 评论 -
Echarts用到的一些配置项
设置为堆叠的柱状图其中核心的代码是series中的stack,把后一个stack设置为和上一个是同样的名字,就会自动堆叠了app.title = '堆叠柱状图';option = { tooltip : { trigger: 'axis', axisPointer : { // 坐标轴指示器,坐标轴触发有效 ...原创 2020-01-04 07:44:21 · 1131 阅读 · 0 评论 -
Echarts 柱状图由纵向改为横向
将xAxis的type设置为value, 将yAxis的type设置为category即可实现横向显示原创 2020-01-04 07:46:23 · 3401 阅读 · 0 评论 -
echarts图表自适应窗口大小
设置为百分比布局的容器,默认情况下初始状态是显示正常的,但是改变了窗口大小,echarts图表并不会跟着改变大小,导致布局错乱,这时候就需要加以下这段代码setTimeout(function() { window.onresize = function() { xzaj.resize(); } ...原创 2020-01-04 07:46:14 · 201 阅读 · 0 评论 -
柱状图Y轴文字自适应宽度,去除柱状图上的数值
有时候Y轴的内容会特别长,我们需要根据文字多少来自适应宽度只需要在gird里面添加containLabel为true就可以了 grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },另外我们不想让数值显示在柱状图上,...原创 2020-01-04 07:46:03 · 778 阅读 · 0 评论 -
改变雷达图浮动的色值
option = { title: { text: '' }, tooltip: { formatter: function (params) { var name = params.name?params.name:params.seriesName; ...原创 2020-01-04 07:45:49 · 718 阅读 · 0 评论 -
给地图的每个区域设置不同的颜色
以上是最终实现的效果要实现以上效果,主要的思路是给每个区域设置不同的value然后在dataRange里面根据不同的value值,设置不同的颜色我这个苏州地区共11个区域,我设置value从1到11,然后再设置dataRange的值从1到11设置不同的颜色。还要在这个地方把value值给push进来...原创 2020-01-04 07:45:36 · 2876 阅读 · 0 评论 -
echarts饼图的文字
想让文字默认就显示,给这个normal设置为true,让文字在圈的中间显示,position:inner,这个position的值也可以设置为center,left等等var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 myChart.setOption({ to...原创 2020-01-04 07:45:10 · 683 阅读 · 0 评论 -
饼状图中间的文字设置
graphic: { type: 'text', left: 'center', top: 'center', z: 2, style: { ...原创 2020-01-04 07:44:59 · 867 阅读 · 0 评论