<!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. google在线測试练习题1

    Problem You receive a credit C at a local store and would like to buy two items. You first walk thro ...

  2. iOS避免键盘遮挡输入方案

    项目中经常会遇到这样的问题:一个tableView中有大量的textField,当点击屏幕底部的textfield时,由于键盘弹出挡住了textfield输入框里的内容,造成很差的用户体验,如下图,点 ...

  3. springmvc的运行流程分析

    前几篇文章对springmvc讲解的很清楚,大家看下,有问题,我们再一起讨论. 其实springmvc最为重要是它的运行流程,接着,我们来分析一下,其运行过程,废话不多说,看图说话: 分析如下: 1, ...

  4. VS2012发布网站IIS配置

    首先要配置好下面步骤 然后 把图上勾选的都勾选 最后一步 那IIS就配置好了,怎么添加发布呢打开IIS管理器 然后带点击网站添加网站 ,在这之前首先要在磁盘里新建一个文件夹,把项目复制过去,网站随便命 ...

  5. 如何读懂SQL Server的事务日志

    简介 本文将介绍SQL Server的事务日志中记录了哪一些信息,如何来读懂这些事务日志中信息.首先介绍一个微软没有公开的函数fn_dblog,在文章的接下来的部分主要用到这个函数来读取事务日志. f ...

  6. eclipse安装ADT插件重启后不显示Android SDK Manager和Android Virtual Device Manager图标的一种解决办法

    通常安装,搭建安卓环境后,不显示Android SDK Manager和Android Virtual Device Manager ize解决方法:Eclipse ->window->c ...

  7. JS判断手机端和PC端自动跳转

    <script type="text/javascript">     function browserRedirect() {     var sUserAgent ...

  8. gets和从键盘输入换行符

    i was wrong! 虽然setbuf可以让程序自己管理缓冲,但是像getchar,gets这些标准IO函数还是要通过隐藏的stdin进行操作,而stdin是啥呢?还是一个FILE*,而FILE* ...

  9. 《VIM-Adventures攻略》前言

    本文已转至http://cn.abnerchou.me/2014/03/02/bfdaadb0/ 自从有了计算机,人们就想向其灌输自己的想法. 要想对其输入,自然离不开文本编辑器. 公告:<VI ...

  10. VIM下Express jade空格问题：expected "indent", but got "newline"

    Error: /home/y/my_note/nodejs/myapp/views/index.jade: | -list=[{name:,email:'zhangsan@123.com'}] | - ...