之前被这个Highcharts饼状图弄死了，这个Highcharts在项目上要求在电视上显示饼状图，页面都做好了，放在电视上结果看不清，本来电视上就装的高，导致字体太小，没办法，只能想办法调整字体大小。

结果废了九牛二虎之力都没搞定，弄了几天，百度上也没有什么好的解决办法，最终还是自己试成功了。

原来是之前引用的类和js有问题，引用多了，把那些都注释，在按照Highcharts官网上的代码一步步写。

在非必要情况下尽量只用官网上的代码，自己写的代码容易和Highcharts上的代码出现冲突。

下面是源码：

<script type="text/javascript">
         Highcharts.chart('container', {
    chart: {
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false,
        type: 'pie'
    },
        title: {
            text: '库存物料批号占比', style: {
                fontSize: '50px', color: 'red'   //这边是改标题的字体大小和颜色
            }
        },
        tooltip: {
                pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
        },
        plotOptions: {
                pie: {
                        allowPointSelect: true,  // 可以被选择
                        cursor: 'pointer',       // 鼠标样式
                        dataLabels: {
                                enabled: true,
                                format: '<b>{point.name}</b>: {point.percentage:.1f} %',
                                style: {
                                    fontSize: '40px',//这个是改饼状图里面显示的字体
                                        color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'                    
                                }
                        }
                }
        },

就按照这样写，一定不会错的

Highcharts饼状图调整字体大小，颜色等相关推荐

1. Python画饼状图解决字体重叠问题

   使用Python的matplotlib库绘制饼状图非常方便,只需要提供数据,就可以把图画出来 import matplotlib.pyplot as pltdata = [89,95,60] labe ...

2. matplotlib.pyplot.plot()参数详解、线形图、条形图、散点图、饼状图、画布大小、位置、颜色、标题、图例、坐标轴刻度设置 实例详解

   文章目录 matplotlib.pyplot.plot()绘图文档 1. plot函数的一般的调用形式: 2. 参数fmt,以及一些常用参数举例 3.一些图形的绘制 1.线形图plt 2. 柱形图/条 ...

3. android饼状图简书,Charts-饼状图

   上篇文章已经讲述了折线图的用法这边文章主要来谈饼状图. 其实Charts难的部分主要在于配置,所以同样主要说说他的配置. pieGraphView.setExtraOffsets(left: 10, ...

4. echart的关系图高亮_echart中饼状图的高亮显示。

   1 2 3 4 5 6 7 8 9 10 #main{ 11 width:50vw;height:60vh;margin-left:2vw 12 } 13 14 15 16 17 18 19 20 / ...

5. python-matplotlib库绘制饼形图专题(从一般饼状图到内嵌环形图)

   python-matplotlib库绘制饼形图专题(从一般饼状图到内嵌环形图) 文章目录 1.plt.pie() 2. 饼图基本 3. 饼状图进阶 4. 环形图 5. 内嵌环形图       ʚʕ̯• ...

6. PHP MySQL饼状图 3d_Highcharts 饼状图(结合PHP、Mysql)

   在做复杂的数据统计功能时会用到饼状图,饼状图用整个圆表示总体的数量或整体值1,用圆内各个扇形的大小表示各部分数量或该部分占总体的百分比,它可以清晰直观的表示各部分之间以及各部分与整体之间的数量关系. ...

7. Web在jsp页面中生成柱状图，折线图，饼状图

   一.前言 在实际开发过程中,柱状图,折线图,饼状图在一些OA,ERP中是非常常见的功能,特别是需求方是业务型,数据分析型公司,下面的例子简单实现了饼状图,柱状图,折线图在jsp中生成.(ps:新手上路 ...

8. iOS 中饼状图的自定义绘制

   前几天有一个需求是制作一个统计工资的饼状图,但是和一般的饼状图不同的是要求该饼状图中心需要有两条文字,功能需求就是这样,先上一张效果图: 因为咱们的饼状图本身只是一个View ,在调用的时候一定是在一 ...

9. WinForm立体饼状图实现(附源码示例) 之配餐系统的开发

   本文所要将的是在"配餐系统"开发中 立体饼状图效果的实现,直接贴出代码和附上示例,相信需要的朋友可以很容易使用!项目中的效果图,如下: 实现 应用的是 System.Drawing ...

最新文章

1. php使用 js格式解析,php 无限级数据JSON格式及JS解析_PHP教程
2. 因果推断研究获2021诺贝尔经济学奖，图灵奖得主Judea Pearl祝贺并反对
3. 第一章：1.2.2系统分类（二）
4. linux禁止普通用户切换,Linux系统如何禁止普通用户切换root？
5. python matplotlab在jupyter notebook中画图不显示怎么办？(%matplotlib inline)
6. SimpleAdapter的用法
7. Webrtc入门——基于阿里云ubuntu 最新webrtc Android平台编译详细说明
8. 动态规划---背包问题分析
9. 海德薇格：我很期待看到 数字货币将如何改变人民币支付市场
10. zebra探秘（一）
11. linux 安装pyaudio
12. JUnit 4 vs JUnit 5
13. 上海宝付谈谈故宫瘫痪，程序员怎么办
14. server酱php推送代码,多种语言调用Server酱推送微信模板消息
15. 机器学习与公共传播、舆情检测的研究总结
16. 我转行数据自学的这几本统计学，内含视频教程
17. ps修改图片中的文字、数字
18. jlink怎么调试linux程序_使用jlink+gdbserver+insight调试ARM程序--配置insight
19. 有所为而读与无所为而读—读李敖读书
20. 空军军医大学西京医院陶凌/张富洋团队揭示支链氨基酸

热门文章

1. 基于垂直领域语料，使用MaskLM任务预训练Bert模型
2. cat卡特鞋有实体店吗_cat卡特入驻天环广场户外鞋大黄靴强势坐馆
3. 2019年12月大学英语四级参考答案
4. Drawing 2-Point Perspective 绘制2点透视图 Lynda课程中文字幕
5. ios 图片裁剪-制作圆形QQ头像
6. libgdx API之Gdx.XXX：无处不在
7. Have your GDX app run in the web browser
8. 安溪六大名茶之大叶乌龙
9. python字符串中的数字提取
10. mysql开发cms_GitHub - johnsonzhu/yzmcms: YzmCMS是由袁志蒙独自开发的一款基于PHP+Mysql架构的轻量级开源内容管理系统。...