博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
highcharts的柱状图边线
阅读量:5326 次
发布时间:2019-06-14

本文共 3542 字,大约阅读时间需要 11 分钟。

  今天用highcharts做饼图和柱状图,显示一些简单信息,发现柱状图做出来有点不尽人意,还是请教同事才将线去掉。

  data里面的是后台数据,就不显示出来了,主要就是yAxis中的gridLineWidth赋0,想了半天,看来还是请教比较方便。。。。

var Chart = new Highcharts.Chart({                                                    chart: {                                                        type: 'column',                                                        renderTo: renderTo,                                                        margin: [0, -20, -15, -20],                                                        backgroundColor: 'rgba(255, 255, 255, 0)'                                                    },                                                    title1: {                                                        text: Year + '年 ' + Entity.CantonName + ' 保有量统计',                                                        style: { color: 'white' }                                                    },                                                    yAxis: {                                                        gridLineWidth: 0                                                    },                                                    tooltip: {                                                        formatter: function () {                                                            return this.point.name + ':   
' + this.y + '
所占比例:    
' + Highcharts.numberFormat(TotalQuantity == 0 ? 0 : this.y / TotalQuantity * 100, 2, '.') + '%'; } }, plotOptions: { column: { stacking: 'percent', dataLabels: { enabled: true, verticalAlign: "middle", y1: -2, style: { fontWeight: 'bold' , color: 'white' }, formatter: function () { if (this.y != null) { return this.y; } else { return ""; }; } } } }, series: [{ name: Entity.CantonName, data: data }] });

  highcharts花出来的图还是比较好看的,用的也是比较多的。里面比较全,像我这种英文不是很好的,只能靠翻译软件来查看了。

转载于:https://www.cnblogs.com/gzbnet/p/3193675.html

你可能感兴趣的文章
STM32F0库函数初始化系列:进入STOP模式,外部中断唤醒
查看>>
p1525 关押罪犯
查看>>
使用Html5shiv.js让ie支持html5
查看>>
DBA 优化法则
查看>>
用Python连接SQLServer抓取分析数据、监控 (pymssql)
查看>>
升级ruby后再安装cocodPod
查看>>
MySQL数据库8(十三)高级数据操作之select指令
查看>>
随心测试_Python Se_002<不同浏览器驱动>
查看>>
在ASP.NET WebService 中如何使用 WebMethod 属性
查看>>
一个很详细的web.xml讲解
查看>>
ArcGIS 《空间分析使用手册》的一些内容(分配函数、成本加权距离制图、单元统计、邻域统计等等)...
查看>>
福大软工1816 · 第三次作业 - 结对项目1
查看>>
开发命名规范
查看>>
The connection to adb is down, and a severe error has occured.
查看>>
前端面试题(2):介绍一下对浏览器内核的理解
查看>>
收藏网站
查看>>
学习:组件生命周期(2)
查看>>
模板方法模式
查看>>
3.创建额外域
查看>>
(转)关于TCP封包、粘包、半包
查看>>