EChart 文字大小调整 饼状图为例

一、EChart图中的文字调整(以饼图为例)

二、源码:

{
  "title": {
    "text": "",
    "subtext": "",
    "x": "center"
  },
  "tooltip": {
    "trigger": "item",
    "formatter": "{a} <br\/>{b} : {c}%",
  "textStyle": {
    "fontSize": 18
  }
},
  "legend": {
    "orient": "vertical",
    "left": "left",
    "data": ["", "使用场景", "活动", "适用人群", "品牌", "款式", "物流", "价格", "功能", "服务", "质量"],
  "textStyle": {
    "fontSize": 18
  }
},
  "toolbox": {
    "feature": {
      "dataView": {
        "show": true,
        "readOnly": false
  },
  "saveAsImage": {
    "show": true
    }
  }
},
  "series": [{
    "name": "",
    "type": "pie",
    "radius": ["0%", "100%"],
    "data": [{
      "name": "使用场景",
      "value": 0.23
       }, {
        "name": "活动",
        "value": 0.44
       }, {
        "name": "适用人群",
        "value": 0.83
          }, {
        "name": "品牌",
        "value": 1.09
          }, {
        "name": "款式",
        "value": 4.56
         }, {
        "name": "物流",
        "value": 7.56
        }, {
        "name": "价格",
        "value": 7.62
        }, {
        "name": "功能",
        "value": 17.03
        }, {
        "name": "服务",
        "value": 20.03
       }, {
        "name": "质量",
        "value": 40.6
    }],
    "label": {
      "normal": {
        "show": true,
        "textStyle": {
          "fontSize": 18
            }
          },
      "emphasis": {
        "show": true
        }
      },
    "lableLine": {
      "normal": {
        "show": true
        },
    "emphasis": {
      "show": true
      }
    }
  }]
}

原文地址:https://www.cnblogs.com/wgy0528/p/10178868.html

时间: 2024-08-30 15:27:06

EChart 文字大小调整 饼状图为例的相关文章

柱形图,饼状图JavaScript

<script type="text/javascript">    $(function () {    $('#container_2').highcharts({        chart: {        //type指定柱状图显示            type: 'column',                  },               title: {        //柱状图标题            text: ''        },   

【Android】achartengine的柱状图和饼状图的使用

代码中的注释解释了图标中的各种设置的使用方法. 一.achartengine库的下载,下载地址: http://code.google.com/p/achartengine/downloads/list 下载完成后,把jar文件粘贴到libs文件夹 二.在android项目中如何使用 先定义一个GraphicalView GraphicalView graphicalView; 然后,从chartfactory获取 graphicalView=ChartFactory.getBarChartVi

Android开源图表之树状图和饼状图的官方示例的整理

最近由于工作需要,所以就在github上搜了下关于chart的三方框架 官方地址https://github.com/PhilJay/MPAndroidChart 由于工作需要我这里整理了一份Eclipse版本的类库.(有需要要的留下邮箱) 这就是Code中的效果(树状图) 1 public class BarChartActivity extends Activity implements OnChartValueSelectedListener{ 2 3 private BarChart m

iOS 饼状图

首先先看一下效果: 一.创建饼状图对象   创建饼状图对象用到类是PieChartView.h, 代码如下: self.pieChartView = [[PieChartView alloc] init]; self.pieChartView.backgroundColor = BgColor; [self.view addSubview:self.pieChartView]; [self.pieChartView mas_makeConstraints:^(MASConstraintMaker

Android开发自定义控件实现一个饼状图

实现一个如图所示的控件,包括两部分,左边的饼状图和中间的两个小方块,及右边的两行文字 实现起来比较简单,只是一些绘图API的调用 核心代码在onDraw函数里边,,对静态控件进行绘制即可 @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); /*饼状图的x坐标*/ float centreX= getWidth()/5; /*饼状图的y坐标*/ float centreY= getHeight()/2; /*

JfreeChart在EXCEL中生成饼状图/柱状图/折线图

Maven <dependency> <groupId>jfree</groupId> <artifactId>jfreechart</artifactId> <version>1.0.13</version> </dependency> Java import org.apache.poi.ss.usermodel.Drawing; import org.apache.poi.ss.usermodel.She

python 饼状图

https://www.cnblogs.com/liming19680104/p/10614132.htmlimport pandas as pdimport numpy as npimport matplotlib.pyplot as plt #解决能显示中文plt.rcParams['font.sans-serif']=['SimHei'] #指定默认字体 SimHei为黑体plt.rcParams['axes.unicode_minus']=False #用来正常显示负号 plt.titl

Excel数据可视化应用(直方图、折线图、饼状图)

直方图:对比关系 直方图是一种统计报告图,是表示资料变化情况的主要工具.直方图由一系列高度不等的的纵向条纹或线段表示数据分布的情况.一般用横轴表示数据类型,纵轴表示分布情况. 例1: 1.右键单击图表的纵坐标轴数据,选择“设置坐标轴格式”命令打开窗格,在“坐标轴选项”下,各类数据设置如下: 2.右键单击图例,选择设置图例格式,选择靠上(或点击图表空白处,点击上方图表工具中的设计,选择下方左侧的“添加图表元素”,选择“图例”.“顶部”) 3.右键单击任一直条(单击一下会自动选择全部直条),选择“添

iOS:使用贝塞尔曲线绘制图表(折线图、柱状图、饼状图)

1.介绍: UIBezierPath :画贝塞尔曲线的path类 UIBezierPath定义 : 贝赛尔曲线的每一个顶点都有两个控制点,用于控制在该顶点两侧的曲线的弧度. 曲线的定义有四个点:起始点.终止点(也称锚点)以及两个相互分离的中间点. 滑动两个中间点,贝塞尔曲线的形状会发生变化. UIBezierPath :对象是CGPathRef数据类型的封装,可以方便的让我们画出 矩形 . 椭圆 或者 直线和曲线的组合形状 初始化方法: + (instancetype)bezierPath; /