<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script src="jquery-1.8.3.min.js"></script>

<script src="Highcharts/js/highcharts.js"></script>

</head>

<body>

<div id="container" style="width: 600px; height: 400px;"></div>

</body>

</html>

<script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>

<script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>

</textarea></li>

                <li class="con css"><textarea id="css"></textarea></li>

            </ul>

        </div>

    </div>

    <script type="text/javascript" src="http://img.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>

    <script type="text/javascript" src="http://img.hcharts.cn/highcharts/highcharts.js"></script>

    <script type="text/javascript" src="http://static.hcharts.cn/code/js/common.js"></script>

    <script type="text/javascript" src="http://static.hcharts.cn/code/js/codemirror.js"></script>

    <script type="text/javascript" src="http://static.hcharts.cn/code/js/javascript.js"></script>

    <script type="text/javascript" src="http://static.hcharts.cn/code/js/xml.js"></script>

    <script type="text/javascript" src="http://static.hcharts.cn/code/js/css.js"></script>

    <script type="text/javascript">

        var chart = null;

        var js = null;

        var html = null;

        var css = null;

         autoSize();

        table("result");

        $(".result_tables").find(".table").click(function(){

            var cla = $(this).data("index");

            table(cla);

        });

        window.onresize = autoSize;

        function loadResult(chart) {

            if(chart==null) {

               $(function () {

    $('#container').highcharts({

        title : {

            text : 'Customized legengItemClick Event'

        },

        plotOptions : {

            line : {

                events : {

                    legendItemClick : function(event) {

                        var series = this.chart.series;

                        var mode = getVisibleMode(series, this.name);

                        var enableDefault = false;

                        if (!this.visible) {

                            enableDefault = true;

                        }

                        else if (mode == 'all-visible') {

                            $.each(series, function(k, serie) {

                                serie.hide();

                            });

                            this.show();

                        }

                        else if (mode == 'all-hidden') {

                            $.each(series, function(k, serie) {

                                serie.show();

                            });

                        }

                        else {

                            enableDefault = true;

                        }

                        return enableDefault;

                    }

                }

            }

        },

        series : generateRandomSeries()

    });

});

function generateRandomSeries() {

    var series = [];

    for (var i = 0; i < 4; i++) {

        var data = new Array();

        for (var j = 0; j < 10; j++) {

            data.push(Math.random());

        }

        series.push({

            data : data

        });

    }

    return series;

};

function getVisibleMode(series, serieName) {

    var allVisible = true;

    var allHidden = true;

    for (var i = 0; i < series.length; i++) {

        if (series[i].name == serieName)

            continue;

        allVisible &= series[i].visible;

        allHidden &= (!series[i].visible);

    }

    if (allVisible && !allHidden)

        return 'all-visible';

    if (allHidden && !allVisible)

        return 'all-hidden';

    return 'other-cases';

};

            } else {

               chart.reflow();

            }

            return chart;

        }

    </script>

</body>

</html>

Highcharts 点击反选的更多相关文章

  1. highcharts点击事件系列

    http://www.highcharts.com/demo/line-ajax 参考设置(bar 柱状图) plotOptions: {                series: {       ...

  2. HighCharts点击柱形或饼块等加URL或Click事件

    我们在做图表的时候,有时候需要在单个数据上加链接或点击事件,是在plotOptions里的events里设置的: 如下代码: plotOptions: { pie: { cursor: 'pointe ...

  3. Highcharts 总结

    一.Highcharts  series属性 1.下面是一个基本曲线图的例子: <html> <head> <meta charset="UTF-8" ...

  4. jq实现全选、全不选、反选

    基本思路: 1全选:点击全选按钮的时候,将input的属性checked设置为true; 2全不选:点击全不选按钮的时候,将input的属性checked设置为false; 3反选:点击反选按钮的时候 ...

  5. Dom操作--全选反选

    我们经常会在网站上遇到一些多选的情况,下面我就来说说使用Dom写全选反选的思路. 全选思路:首先,我们来分析一下知道,当我们点击"全选"复选框的时候,所有的复选框应该都被选中,那我 ...

  6. jquery 书写全选反选功能

    书写一个后台管理中用到的全选反选功能.代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta ...

  7. jQuery实现的全选、反选和不选功能

    适用于网页多选后需要进行批量操作的场景(如批量删除等).如有问题希望大家可以指正.谢谢~~ HTML 我们的页面上有一个歌曲列表,列出多行歌曲名称,并匹配复选框供用户选择,并且在列表下方有一排操作按钮 ...

  8. Android中购物车的全选、反选、问题和计算价格

    此Demo主要解决的是购物车中的全选,反选计算价格和选中的条目个数的问题,当选中几条时,点击反选,会把当先选中的变为不选中,把不选中的变为选中.点击全选会全部选中,再次点击时,变为全部不选中. //- ...

  9. jquery实现全选、全不选、反选、获取选中的所有值总结

    HTML 我们的页面上有一个歌曲列表,列出多行歌曲名称,并匹配复选框供用户选择,并且在列表下方有一排操作按钮. <!doctype html> <html> <head& ...

随机推荐

  1. 你的第一Windows程序——管理应用程序状态

    MSDN原文(英文) 管理应用程序状态 一个窗口过程仅仅是一个为每个消息获取调用函数,所以它本质上是无状态的.因此,你需要一个方法来跟踪你的应用程序从一个函数调用下一个函数的状态. 最简单的方法是把一 ...

  2. 开发日志_Jan.9

    今天主要工作为修改昨天的碰撞引擎不符合预期的部分. 经过了昨天的工作,碰撞算法已经初见雏形.但是主要有两个问题: 碰撞反弹的方向与预期不符合 碰撞后球与机器人存在一个"黏在一起"的 ...

  3. Spinner( 微调) 组件

    本节课重点了解 EasyUI 中 Spinner(微调)组件的使用方法,这个组件依赖于ValidateBox(验证框)组件. 一． 加载方式Spinner(微调)组件是其他两款高级微调组件的基础组件, ...

  4. OD: Register, Stack Frame, Function Reference

    几个重要的 Win32 寄存器 EIP 指令寄存器(Extended Instruction Pointer) 存放一个指针,指向下一条等待执行的指令地址 ESP 栈指针寄存器(Extended St ...

  5. javascript 识别移动端设备

    看到一种比较简单的方法,于是就把它记录下来备用吧.最近离职了,房子换了,还有...真是一把心酸,我知道谁活着都不容易,自己也资格把自己的苦水吐给别人,因为别人也过得不容易,所以大多不快都只能闷着,大家 ...

  6. ReportViewer导出功能筛选

    ReportViewer只能导出Excel,把导出Word和PDF功能去掉 <rsweb:ReportViewer ID="ReportViewer1" runat=&quo ...

  7. Visual Studio 2015开发Android App问题集锦

    Visual Studio 2015开发Android App 启动调试始终无法完成应用部署的解决方案 创建一个Android App项目后,直接启动调试发现Visual Studio Emulato ...

  8. iOS基础框架的搭建 / 及国际化操作

    1.基础框架的搭建 1.1 pod引入常用的第三方类库 1.2 创建基础文件夹结构/目录结构 Resource———存放声音/图片/xib/storyboard 等资源文件 Define——宏定义, ...

  9. Cookie[1]

    1.什么是Cookie Cookie是一小段文本类型的数据,由服务器发送,并保留在客户端的计算机上. 2.Cookie的作用 服务器可以利用Cookie包含的信息来筛选并经常维护这些信息,以判断在Ht ...

  10. python学习第九天 -- 列表生产式

    说说python特有的列表生成式.python的列表的生成式主要用法是什么? 用法就是可以使用简洁的代码生成出list集合. 直接用代码举了例子: 利用列表生成式生成列表[1x2,3x4,5x6,7x ...