0

在此处输入图像描述在此处输入图像描述您好,我正在使用以下代码通过 Highchart API 绘制图表。通过这个工具提示在 Firefox 和 chrome 上运行良好,但在 IE 上的工具提示闪烁。当我们移动鼠标时,工具提示会保留一段时间,而其他提示会出现。

$(文档).ready(函数(){
                var chart=new Highcharts.Chart({
                            图表 : {
                               缩放类型:'xy',
                               间距右:20,
                               renderTo : "容器",
                               类型:图形类型
                            },
                            工具提示:{
                                启用:真,
                                跟随指针:真
                            },
                            标题 : {
                                文本:graphTitleForChart
                            },x轴:{
                                类型:'日期时间'  
                            },学分:{
                                启用:假
                            },
                            传奇: {
                                对齐:'正确',
                                垂直对齐:'中间',
                                布局:'垂直'
                            },
                            y轴:{
                                最小值:0
                            },
                            绘图选项:{
                                区域: {
                                 堆叠:'正常',
                                 lineColor: '#666666',
                                 线宽:1,
                                 标记:{
                                    启用:假,
                                    符号:'圆'
                                    }
                                },
                                柱子: {
                                 堆叠:'正常',
                                 点填充:0,
                                 lineColor: '#666666',
                                 线宽:0,
                                 标记:{
                                    启用:假,
                                    符号:'圆'
                                    }
                                },
                                馅饼:{
                                 允许点选择:真

                                },
                                线: {
                                 标记:{
                                    启用:假,
                                    符号:'圆'
                                    }
                                },
                                系列: {
                                    事件:{
                                        legendItemClick:函数(事件){

                                            var seriesIndex = this.index;
                                           var series = this.chart.series;
                                           if(this.name == '全选'){

                                                如果(这个。可见){
                                                    for (var i = 0; i < series.length; i++)
                                                    {
                                                        系列[i].hide();
                                                    }
                                                }别的{
                                                    for (var i = 0; i < series.length; i++)
                                                    {    
                                                        系列[i].show();
                                                    }
                                                }
                                                返回假;    
                                           }else if(series.length > 1){

                                               变量我;
                                               对于 (i = 0; i < series.length; i++)
                                               {    
                                                   if(!series[i].visible){
                                                        休息;         
                                                   }
                                               }  
                                           }

                                        }
                                    }
                                }    
                            },
                            系列:arr系列
                });

            });

在此,graphType 将包含 'area','column','pie','line' 中的任何一个。
请告诉我这有什么问题。此外,当所有图形系列都有 0 值时,在 y 轴 0 线显示在 y 轴中间,如何将 Y 和 X 轴的原点固定为 (0,0)

4

3 回答 3

4

由于 IE8 处于 Quirks 模式,我遇到了类似的问题。这很可能发生,因为您没有指定文档类型。

用于<!doctype html>更改为标准模式并解决问题。

于 2013-06-19T12:58:09.167 回答
1

如果没有看到使用您的一些数据的代表性演示,我无法重现工具提示的“闪烁”。我会说第二个问题的答案是否定的,当您的所有点未定义或全部为 0 时,您不能将图表设置为仅显示相互正区域。这是 HighCharts 如何尝试确定大小的结果的图表。它在没有点或所有 0 yAxis 值的情况下效果不佳。

于 2013-06-07T12:42:50.460 回答
0

只需将 <!DOCTYPE HTML> 放在 HTML 标签之前,工具提示将不会闪烁。

于 2013-06-19T12:54:50.183 回答