- 博客(9)
- 收藏
- 关注
RSS订阅原创 echarts图表自适应窗口大小
设置为百分比布局的容器，默认情况下初始状态是显示正常的，但是改变了窗口大小，echarts图表并不会跟着改变大小，导致布局错乱，这时候就需要加以下这段代码setTimeout(function() { window.onresize = function() { xzaj.resize(); } ...
2020-01-04 07:46:14
219
原创 柱状图Y轴文字自适应宽度,去除柱状图上的数值
有时候Y轴的内容会特别长，我们需要根据文字多少来自适应宽度只需要在gird里面添加containLabel为true就可以了 grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },另外我们不想让数值显示在柱状图上，...
2020-01-04 07:46:03
810
原创 改变雷达图浮动的色值
option = { title: { text: '' }, tooltip: { formatter: function (params) { var name = params.name?params.name:params.seriesName; ...
2020-01-04 07:45:49
746
原创 给地图的每个区域设置不同的颜色
以上是最终实现的效果要实现以上效果，主要的思路是给每个区域设置不同的value然后在dataRange里面根据不同的value值，设置不同的颜色我这个苏州地区共11个区域，我设置value从1到11，然后再设置dataRange的值从1到11设置不同的颜色。还要在这个地方把value值给push进来...
2020-01-04 07:45:36
3020
原创 echarts饼图的文字
想让文字默认就显示,给这个normal设置为true，让文字在圈的中间显示，position:inner,这个position的值也可以设置为center，left等等var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 myChart.setOption({ to...
2020-01-04 07:45:10
702
原创 饼状图中间的文字设置
graphic: { type: 'text', left: 'center', top: 'center', z: 2, style: { ...
2020-01-04 07:44:59
903
原创 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
259
原创 Echarts用到的一些配置项
设置为堆叠的柱状图其中核心的代码是series中的stack，把后一个stack设置为和上一个是同样的名字，就会自动堆叠了app.title = '堆叠柱状图';option = { tooltip : { trigger: 'axis', axisPointer : { // 坐标轴指示器，坐标轴触发有效 ...
2020-01-04 07:44:21
1152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人