请教highcharts饼状图在IE下,数据为零时,显示的图形不齐全

请教highcharts饼状图在IE下,数据为零时,显示的图形不齐全,第1张

既然你的数据是从数据库动态读取的,那你就把日、月、年当成参数传入你的sql语句,并按照这个参数进行分组显示数据,例如: 读取完数据后,接着就是往前台绑定json数据了,绑定json数据可参考如下图: 至此,你想实现的功能就可以实现了

基本实现方法如下:

1、设置 plotOptionscolumnshowCheckbox 为ture,目的是显示checkbox

plotOptions: {

column:{

showCheckbox:true,

}

}

2、设置column的checkboxClick事件,设置该series显示与隐藏

plotOptions: {

column:{

events :{

checkboxClick: function(event) {

if(eventchecked==true) {

thisshow();

}

else {

thishide();

}

},

}

}

}

给你完整的代码

<!DOCTYPE HTML》<!-- highcharts 学习交流294191384-->

<html>

<head>

<meta >

没有源代码,我估计问题产生的原因可能如下两个:

一、可能是作图区域大小设定过小。

二、小数位数过长。

解决方法:

一、

源代码中查找:

<divid="container"style="min-width: 后面一段略

位置在源代码的最后几行

大概如下的样子:

<divid="container"style="min-width: 400px; height: 650px; margin: 0 auto"></div>

height: 后面的数字改大就行了。多试几次,改一个合适的大小。

二、

源代码中查找:

thispercentage+' %'

改成:

thispercentagetoFixed(2)+' %'

其作用是百分比保留两位小数。toFixed(3)即保留三位小数,具体保留几位自己确定。

在Axure中也有统计图表,主要功能是各种数据处理,统计和分析。主要有2种方法设计统计图表

1利用excel设计统计图表

1利用execl做一个表格,并将做成图表

2将图表截图保存,并打开axure

3通过元件将学生成绩统计图导入到Axure

2利用HighCharts设计统计图表

1打开axure,并利用内联框架加载

2添加链接--选中双击d出链接属性

3HighCharts文件夹要跟生成的文件夹放在一起。

4 HighCharts文件夹

说明

1利用excel设计统计图表,这个是静态的是不能修改的。如果想要动态的图表就需要利用HighCharts

2利用HighCharts设计统计图表时,需要注意一点,这个需要按F8(生成网页)才有效果,这个是预览不了的

以上就是关于请教highcharts饼状图在IE下,数据为零时,显示的图形不齐全全部的内容,包括:请教highcharts饼状图在IE下,数据为零时,显示的图形不齐全、highcharts 柱状图 数据是从数据库取出的,需求是我想用几个复选框控制每根柱子的显示和隐藏,怎么实现、Highcharts导出图片缺失内容问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/sjk/9839426.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存