<!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. C语言排序算法复习

    排序算法有很多种,这里在复习和分析的基础上,做一个自己的总结: 首先要知道有哪些排序算法,google一下,有云C语言7大经典排序算法(也有8大).主要包括冒泡排序,快速排序,选择排序,插入排序,希尔 ...

  2. 设置应用中出现NFC服务，去掉

    还可以在 里面修改

  3. 局域网指定 IP 地址后无法上网的问题

    子网掩码.默认网关.DNS 与局域网设置有关,建议指定前先 运行 cmd -> ipconfig /all 查看一下自动获取的信息. 另外留意指定IP 后需打开高级设置 -> WINS,勾 ...

  4. Linux字符设备驱动

    一.字符设备基础 字符设备 二.字符设备驱动与用户空间访问该设备的程序三者之间的关系 三.字符设备模型 1.Linux内核中,使用 struct cdev 来描述一个字符设备 动态申请(构造)cdev ...

  5. window成员和document成员

    输出浏览器成员和DOM成员(以下为safari浏览器测试)(浏览器不同对象成员有差异) window成员 <script type="text/javascript"> ...

  6. C#_Socket网络编程实现的简单局域网内即时聊天，发送文件，抖动窗口。

    最近接触了C#Socket网络编程,试着做了试试(*^__^*) 实现多个客户端和服务端互相发送消息 发送文件抖动窗口功能 服务端: using System; using System.Collec ...

  7. hdu 1076

    水题 AC代码: #include <iostream> using namespace std; int main() { int i,k,t,y,n; cin>>t; wh ...

  8. Web文件管理：elFinder.Net（支持FTP）

    elFinder 是一个基于 Web 的文件管理器,灵感来自 Mac OS X 的 Finder 程序. elFinder.Net是.Net版本的一个Demo,使用ASP.NET MVC 4集成,可以 ...

  9. window程序设计1

    int WINAPI WinMain(HINSTANCE HInstance,HINSTANCE HPreInstance,LPSTR szCmdLine,int CmdShown) { Massag ...

  10. DX笔记之六------游戏画面绘图之透明特效的制作方法

    原文链接:http://blog.csdn.net/zhmxy555/article/details/7338082 透明效果 由于所有的图文件都是以矩形来储存的,我们也许会需要把一张怪兽图片贴到窗口 ...