HighCharts中无数据时怎么显示一个饼状图

CooperLees 2017-10-26 05:15:16

加什么才会显示，我加了判断，也不行

...全文

1034 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

闭嘴库马西 2020-03-04

打赏
举报

回复

Highcharts.setOptions({ lang: { noData: '暂无数据' } }); https://jshare.com.cn/highcharts/HOPfXQ 供参考

Highcharts-4.0.4含中文API,Highcharts 是一个用纯JavaScript编写的一个图表库,HighCharts特点:1.兼容性：HighCharts采用纯JavaScript编写，兼容当今大部分的浏览器，包括Safari、IE和火狐等等； 2.图表类型众多：HighCharts现在支持多种图表类型，包括曲线图、区域图、柱状图、饼状图、散状点图和综合图表等等，可以满足各种需求。 3.不受语言约束：HighCharts可以在大多数的WEB开发中使用，并且对个人用户免费，支持ASP，PHP，JAVA，.NET等多种语言中使用。 4.提示功能：HighCharts生成的图表中，可以设置在数据点上显示提示效果，即将鼠标移动到某个数据点上，可以显示该点的详细数据，并且可以对显示效果进行设置。 5.放大功能：HighCharts可以大量数据集中显示，并且可以放大某一部分的图形，将图表的精度增大，进行详细的显示，可以选择横向或者纵向放大。 6.时间轴：可以精确到毫秒

Highcharts-4.0.4含中文API,Highcharts 是一个用纯JavaScript编写的一个图表库,HighCharts特点:1.兼容性：HighCharts采用纯JavaScript编写，兼容当今大部分的浏览器，包括Safari、IE和火狐等等； 2.图表类型众多：HighCharts现在支持多种图表类型，包括曲线图、区域图、柱状图、饼状图、散状点图和综合图表等等，可以满足各种需求。 3.不受语言约束：HighCharts可以在大多数的WEB开发中使用，并且对个人用户免费，支持ASP，PHP，JAVA，.NET等多种语言中使用。 4.提示功能：HighCharts生成的图表中，可以设置在数据点上显示提示效果，即将鼠标移动到某个数据点上，可以显示该点的详细数据，并且可以对显示效果进行设置。 5.放大功能：HighCharts可以大量数据集中显示，并且可以放大某一部分的图形，将图表的精度增大，进行详细的显示，可以选择横向或者纵向放大。 6.时间轴：可以精确到毫秒

课程背景：企业里面很多系统管理后台，用easyui + highcharts + django 进行后台管理的整合，而这块资料在网上资料甚少，很多有经验的朋友在做这块时候也经常出现各种问题，目前我们老师以前在大数据真实项目中用到这块，现在受一些网友建议单独录制easyui + highcharts + django，希望可以帮助那些同学。视频+技术文档+源码让你看过后马上也可以搭建起来。比如现在的友盟和百度统计都是在类似这样的统计，我们会通过2~3个小时左右的课程，让你掌握这样的技术。目标人群： 1、初级以上普通开发人员 2、web开发人员，对python感兴趣同学 3、对编程感兴趣的同学课程目录： 01easyui_highcharts_django整合之需求介绍 02easyui_highcharts_django整合通过pycharm创建项目 03easyui_highcharts_django整合配置路由显示第一个页面 04easyui_highcharts_django整合下载easyui资源并且导入到项目里面 05easyui_highcharts_django整合修改配置文件加载static静态文件 06easyui_highcharts_django整合对页面进行修改 07easyui_highcharts_django整合对合并母模板layout 08easyui_highcharts_django整合添加一个新的业务的代码实现流程 09easyui_highcharts_django整合highcharts简单介绍 10easyui_highcharts_django整合highcharts的整合到django里面 11easyui_highcharts_django整合快速做出另一个业务流程 12easyui_highcharts_django整合柱状图 13easyui_highcharts_django后台返回json数据并且展示 14大数据django后台数据保存到mysql里面 15大数据django从mysql里面读取数据并显示到页面上面课程环境：环境：win10, python 2.7.13, django 1.8.3 , pymsql 收获预期： 1.使用django开发项目 2.学会使用easyui框架 3.学会使用highcharts 4.easyui_highcharts_django开发后面展示项目案例截图：

Highcharts 是一个用纯 JavaScript 编写的一个图表库，能够很简单便捷的在 Web 网站或是 Web 应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站和非商业用途使用。 Highcharts 支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图、仪表图、气泡图、瀑布流图等多达 20 种图表，其中很多图表可以集成在同一个图形中形成混合图。兼容性 Highcharts 可以在所有的移动设备及电脑上的浏览器中使用，包括 iPhone，iPad 和 IE6 以上的版本，在 IOS 和 Android 系统中 Highcharts 支持多点触摸功能，因而可以给您提供极致的用户体验。在现代的浏览器中使用 SVG 技术进行图形绘制，在低版本 IE 则使用 VML 进行图形绘制。 free非商业使用免费在个人网站、学校网站及非盈利机构中使用 Highcharts 完全不需要经过我们的许可，直接可以任意使用！商业网站或网站，请查看我们的使用协议及价格。 open开源 Highcharts 最重要的特点之一就是：无论免费版还是付费版，你都可以下载源码并可以对其进行编辑。基于开源社区我们可以第一时间获取用户的需求、及时的 Bug 修复及吸收社区贡献。 no-backend纯 JavaScript Highcharts 完全基于 HTML5 技术，不需要再客户端安装任何插件，如 Flash 或 Java。此外你也不用配置任何服务端环境，不需要 PHP、Tomcat、ASP.NET 等，只需要两个 JS 文件即可运行。 chart-types丰富的图表类型 Highcharts 支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图、仪表图、气泡图、瀑布流图等多达 20 种图表，其中很多图表可以集成在同一个图形中形成混合图。 config-syntax简单的配置语法在 Highcharts 中设置配置选项不需要任何高级的编程技术，所有的配置都是 JSON 对象，只包含用冒号连接的键值对、用逗号进行分割、用括号进行对象包裹。JSON 具有易于人阅读和编写，同时也易于机器解析和生成的特点。动态交互性 Highcharts 支持丰富交互性，在图表创建完毕后，可以用丰富的 API 进行添加、移除或修改数据列、数据点、坐标轴等操作。结合 jQuery 的 ajax 功能，可以做到实时刷新数据、用户手动修改数据等功能，结合事件处理，可以做到各种交互功能。支持多坐标轴多个数据进行对比这是非常常见的需求，Highcharts 可以让你为每个类型的数据添加坐标轴，每个轴可以定义放置的位置，所有的设置都可以独立生效，包括旋转、样式设计和定位，当然也支持多个数据共用一个坐标轴。 tooltip数据提示框当鼠标划过图形时，Highcharts 可以将数据点或数据列的信息展示在提示框中，并且提示框会跟随用户的鼠标；我们做了大量工作，可以智能的显示离鼠标最近的点或被遮盖点的信息。 datetime时间轴 75% 的直角坐标系（包含 X轴和 Y轴）图表中是时间轴图表，因为 Highcharts 对时间轴的处理非常智能。Highcharts 以毫秒为单位，可以精确的计算出月、周、日、小时、分钟等时间刻度的位置。 exporting导出和打印 Highcharts 支持导出功能，用户可以一键导出 PNG、JPEG、PDF 或 SVG 文件，通过插件可以实现导出为 Excel 文件功能；另外，用户还可以从网页上直接打印图表。 zooming缩放和钻取通过缩放可以方便的查看不同范围的数据；通过钻取可以方便的查看不同级别的详细数据。 ajax方便加载外部数据 Highcharts 的数据是 JavaScript 数组或对象，这些数据可以是本地的配置对象，独立的数据文件（JSON、CVS）甚至是不同的网站上定义。另外，这些数据可以用任何形式处理好并加载到 Highcharts 中。 gauges仪表图仪表图对于 Dashboard 来说特别理想，这种图表就像速度计一样，一眼就可以轻松阅读。 ajax极地图折线图、面积图、柱形图等图形可以通过一个简单的配置转换成极地图、雷达图。 inverted图表或坐标轴反转 Highcharts 支持图表反转（X 轴或 Y轴对调），这样 X轴是垂直的，方便进行数据对比；坐标轴旋转则可以坐标轴的最大值和最小值显示对调。 rotation文本旋转图表中所有的文本，包括坐标轴标签、数据标签等都可以进行任意角度旋转。

挺不错的jQuery饼状图插件，装载数据也是非常方便的直接输出在table表格中，然后再绘出饼状图 展现百分比，鼠标放上去会显示想要比例的数据，还是很不错的，虽然没有Highcharts.js功能那么强，至少饼状图是够用了。

52,797

社区成员

25,305

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章