控制highcharts饼图四周线的长短

var colors = ['#08c60c',//绿色'#ffc002',//黄色'#eb3928',//红色'#B5B5B5'//灰色
];
// 创建渐变色
Highcharts.getOptions().colors = Highcharts.map(colors, function (color) {return {radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 },stops: [[0, color],[1, Highcharts.Color(color).brighten(-0.3).get('rgb')] // darken]};
});
for (var i = 0; i < data.length; i++) {Highcharts.chart('pie'+i,{chart: {spacing: [0,0,0,0],marginTop: 20,marginBottom: 35},title: {text: null//不要标题},legend: {//修改图例的文字显示内容labelFormatter: function() {return this.name+':'+this.y+'%';}},credits: {//去掉版权信息enable: false,href: '',position: {},style: {},text: ''},tooltip: {pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'},plotOptions: {series: {showInLegend: true},pie: {allowPointSelect: true,cursor: 'pointer',dataLabels: {distance: 10,//控制饼图外面的线的长短,为负数时文本内容在饼图内部enabled: true,format: '<b>{point.name}</b>:<br/> {point.percentage:.1f} %',style: {color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'},connectorColor: 'silver'}}},series: [{type: 'pie',name: '百分比',size: '60%',//实心圆大小//innerSize: '50%', //空心圆大小valueSuffix: '%',//后缀data: [['转率', Number(data[i].run)],['待率', Number(data[i].wait)],['警率', Number(data[i].alarm)],['关率', Number(data[i].close)]]}]});
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/68387.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

CAD轴测图怎么画?快来试试浩辰CAD超级轴测命令!

很多新手设计师小伙伴&#xff0c;不知道CAD轴测图怎么画&#xff1f;其实很简单&#xff0c;浩辰CAD中的超级轴测功能&#xff0c;可以方便地将CAD平面图转化为轴侧图&#xff0c;是绘制管线系统图的好帮手。今天就和小编一起来看看在浩辰CAD软件中通过调用超级轴测命令来绘制…

使用highchart实现3D饼图(重点是3D图、饼图图例不显示问题)

一&#xff1a;使用highchart实现3D饼图 HTML&#xff1a;需要一个容器来绘图 <div class"dataItemRight" id"trafficData"></div>JS&#xff1a;所需js文件 <script src"js/jquery.min.js" type"text/javascript" c…

TeeChart基础使用手册

TeeChart使用手册 pdf版下载地址 TeeChart库下载 文章目录 TeeChart使用手册1、TeeChart.dll、TeeChart8.ocx、TeeChart.WPF.dll优缺点1.1 TeeChart.dll1.2 TeeChart8.ocx1.3 TeeChart.WPF.dll 2、Windows窗体应用(.NET Framework) TeeChart.dll2.1 创建工程2.2 添加TeeChart…

解读机械图样——基本视图

1.投影基本知识 机械图样的绘制必须按照投影法则进行。零件在太阳光、灯光等光源的照射下会产生影子&#xff0c;在此现象的启示下&#xff0c;假设光源发出的光线能透过零件&#xff0c;则零件表面的顶点、棱线就会在选定的平面上投下影子&#xff0c;产生的平面图形即为投影&…

机械设计:如何能看懂复杂机械图纸中的尺寸标注,赶快学起来

小编的话:出入加工现场,各种繁杂的加工工序图纸,你是否都看得懂?这次小编为各位社友带来机械设计中尺寸标注类知识,再也不用担心看不懂图纸啦—— 常见结构的尺寸注法常见孔的尺寸注法(盲孔、螺纹孔、沉孔、锪平孔);倒角的尺寸注法。 ❖ 盲孔 ❖ 螺纹孔 ❖ 沉孔 …

机械图样识读

1.技术要求 技术要求一般包括下列内容&#xff1a; 1&#xff09;对材料、毛坯、热处理的要求。 2&#xff09;对有关结构要素的统一要求&#xff08;如圆角、倒角等&#xff09;。 3&#xff09;表面质量要求。 4&#xff09;对校准、调整及密封的要求。 5&#xff09;试验条…

解读机械图样——剖视图

视图主要用来表达零件的可见外部形状&#xff0c;而零件的内部形状则要用虚线表示&#xff0c;如图1-9所示。这样不仅影响图形的清晰程度&#xff0c;造成内部结构线看起来产生重叠、杂乱&#xff0c;难以识读&#xff0c;而且也不便于看图和标注尺寸。为了清楚地表达零件内部结…

2022,谷歌、抖音和百度涌向AIGC

就在本月&#xff0c;WSJ 引述知情人士称&#xff0c;作为 2022 年爆红的聊天机器人 ChatGPT 背后的公司&#xff0c;OpenAI 正在谈判以收购要约的形式出售现有股份&#xff0c; 这起交易对 OpenAI 的估值达到 290 亿美元左右。在 2021 年的一场交易中&#xff0c;OpenAI 的估值…

chatgpt赋能python:用Python编写的恶搞吓人代码如何惊吓你的朋友

用Python编写的恶搞吓人代码如何惊吓你的朋友 作为一名有10年Python编程经验的工程师&#xff0c;我热衷于利用Python来创造有趣&#xff0c;恶作剧和刺激的代码。本文将介绍如何使用Python编写恶搞吓人代码&#xff0c;并在结论部分提供一些有趣的建议&#xff0c;以帮助您惊…

MacBook上有哪些值得下载的软件?

推荐分享一些 MacBook 上比较优秀的一些软件。 只是简单列举了几款&#xff0c;还有很多好用的软件没来得及介绍&#xff0c;以后有机会再做补充。 不喜勿喷&#xff0c;你说得都对&#xff01; 以下软件都访问「Mac毒」官网内下载&#xff0c;搜索「macdo.cn&#x1f50d;」…

看完这一篇后我同事说我写代码像写诗

目录 1.定义配置文件信息 2. 用RequiredArgsConstructor代替Autowired 3.代码模块化 4. 抛异常而不是返回 4. 减少不必要的db 5. 不要返回null 6. if else 7. 减少controller业务代码 8. 利用好Idea 9. 阅读源码 10. 设计模式 11. 拥抱新知识 12. 基础问题 13…

微信淘宝客小程序APP公众号京东客外卖cps分销系统网站源码开发

外卖CPS红包小程序源码分享 外卖券外卖省省外卖探探美团饿了么外卖联盟优惠券小程序系统软件开发源码 美团/饿了么外卖CPS联盟返利公众号小程序裂变核心源码 今天和大家分享下外卖CPS项目,这个其实和做淘客有点类似,淘客是别人通过你的推广购物产生佣金,同理外卖CPS也就是…

jQuery实现电影排行榜

利用jQuery实现的一个简单的电影排行榜&#xff0c;先看一下效果图&#xff1a; 样式布局没什么可说的&#xff0c;重要的是jQuery通过添加或移除类来操作DOM元素&#xff0c;大家可以做做&#xff0c;有助于理解jQuery的DOM操作。如果有什么疑问&#xff0c;欢迎大家提问&…

MyBatis plus学习笔记

Mybatis plus 1、概述 文档&#xff1a;Redirect 特性&#xff1a; 无侵入&#xff1a;只做增强不做改变&#xff0c;引入它不会对现有工程产生影响&#xff0c;如丝般顺滑 损耗小&#xff1a;启动即会自动注入基本 CURD&#xff0c;性能基本无损耗&#xff0c;直接面向对象…

商品亲和性分析与关联规则挖掘

商品亲和性分析 亲和性分析根据样本个体之间的关系&#xff0c;确定它们关系的亲疏。它主要根据两个指标统计商品之间的亲和性&#xff1a; 支持度&#xff1a;支持度指的是数据集中规则应验的次数。&#xff08;商品交易中同时买A商品和B商品的交易数量【支持度也可以为次数…

js 数组的 forEach,some,every,reduce,sort 方法

forEach() 方法的使用 forEach 遍历数组的每一项 const arr [小红,倪大红,苏大强,我滴宝]arr.forEach((item,index)>{if(item 苏大强){console.log(index); // 2}});some() 方法的使用 从开始便利找到符合条件的便停止便利&#xff0c;相比 forEach 在性能上有一定优势…

Python 利用百度文字识别 API 识别并提取图片中文字

Python 利用百度文字识别 API 识别并提取图片中文字 利用百度 AI 开发平台的 OCR 文字识别 API 识别并提取图片中的文字。首先需注册获取 API 调用的 ID 和 key&#xff0c;步骤如下&#xff1a; 打开百度AI开放平台&#xff0c;进入控制台中的文字识别应用(需要有百度账号&a…

调用阿里API实现图片中的文字识别

作者介绍 王雪玉&#xff0c;女&#xff0c;西安工程大学电子信息学院&#xff0c;2022级研究生 研究方向&#xff1a;机器视觉与人工智能 电子邮件&#xff1a;2239580540qq.com 王泽宇&#xff0c;男&#xff0c;西安工程大学电子信息学院&#xff0c;2022级研究生&#xf…

李飞飞高徒教你从0到1构建GPT,马斯克点赞

詹士 发自 凹非寺量子位 | 公众号 QbitAI “从0到1手搓GPT”教程来了&#xff01; 视频1个多小时&#xff0c;从原理到代码都一一呈现&#xff0c;训练微调也涵盖在内&#xff0c;手把手带着你搞定。 该内容刚发出来&#xff0c;在Twitter已吸引400万关注量&#xff0c;HackerN…

马斯克、米哈游轮番注资,AI医疗会是下一个风口吗?

图片来源&#xff1a;由无界AI生成 医疗健康一直都是老生常谈的话题&#xff0c;如今这个领域正面临着诸多挑战&#xff0c;如成本不断攀升或是全球性流行病等&#xff0c;而脑机接口等AI技术的出现有望为医疗领域提供新的解决方案。 如果你是科幻迷&#xff0c;你可能对脑机接…