Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 单击单线图时获取所有系列值 var-chart1; 功能测试(名称,e){ 警报(名称); $(“#容器_对话”).empty(); $(“#容器_对话”).dialog({height:500,modal:true}); $(“#容器对话”)。追加(“”); $(“#对话1”)。附加(名称); /** 单击基于此属性或“e”的任何图表时,我需要识别相应的系列并显示在对话框中。 到现在为止,我硬编码了这些值,并且只显示一个图表 **/ $(“#内部对话”).高图({ 标题:{ 正文:“能源消耗” }, 亚克斯:{ 标题:{ 文字:“能源” } }, 系列:[{ 姓名:姓名,, 数据:[1,0,4,5,6,9,3]//硬编码值 }] }); } $(函数(){ 图表1=新的高点图表。图表({ 图表:{ renderTo:'容器', 类型:“行” }, 标题:{ 正文:“能源消耗” }, 亚克斯:{ 标题:{ 文字:“能源” } }, 打印选项:{ 行:{ 活动:{ 点击:功能(e){ var name=this.name; 警报(此名称); 试验(名称,e); } } } }, 系列:[{ 名称:‘A’, 数据:[2,3,8,1,9,6,4,8] }, { 名称:‘B’, 数据:[5,6,3,8,4,1,6,0] },{ 名称:‘C’, 数据:[1,5,4,3,7,7,2,6] },{ 名称:“D”, 数据:[9,10,2,4,5,8,3,8] }] }); });_Jquery_Html_Highcharts - Fatal编程技术网

Jquery 单击单线图时获取所有系列值 var-chart1; 功能测试(名称,e){ 警报(名称); $(“#容器_对话”).empty(); $(“#容器_对话”).dialog({height:500,modal:true}); $(“#容器对话”)。追加(“”); $(“#对话1”)。附加(名称); /** 单击基于此属性或“e”的任何图表时,我需要识别相应的系列并显示在对话框中。 到现在为止,我硬编码了这些值,并且只显示一个图表 **/ $(“#内部对话”).高图({ 标题:{ 正文:“能源消耗” }, 亚克斯:{ 标题:{ 文字:“能源” } }, 系列:[{ 姓名:姓名,, 数据:[1,0,4,5,6,9,3]//硬编码值 }] }); } $(函数(){ 图表1=新的高点图表。图表({ 图表:{ renderTo:'容器', 类型:“行” }, 标题:{ 正文:“能源消耗” }, 亚克斯:{ 标题:{ 文字:“能源” } }, 打印选项:{ 行:{ 活动:{ 点击:功能(e){ var name=this.name; 警报(此名称); 试验(名称,e); } } } }, 系列:[{ 名称:‘A’, 数据:[2,3,8,1,9,6,4,8] }, { 名称:‘B’, 数据:[5,6,3,8,4,1,6,0] },{ 名称:‘C’, 数据:[1,5,4,3,7,7,2,6] },{ 名称:“D”, 数据:[9,10,2,4,5,8,3,8] }] }); });

Jquery 单击单线图时获取所有系列值 var-chart1; 功能测试(名称,e){ 警报(名称); $(“#容器_对话”).empty(); $(“#容器_对话”).dialog({height:500,modal:true}); $(“#容器对话”)。追加(“”); $(“#对话1”)。附加(名称); /** 单击基于此属性或“e”的任何图表时,我需要识别相应的系列并显示在对话框中。 到现在为止,我硬编码了这些值,并且只显示一个图表 **/ $(“#内部对话”).高图({ 标题:{ 正文:“能源消耗” }, 亚克斯:{ 标题:{ 文字:“能源” } }, 系列:[{ 姓名:姓名,, 数据:[1,0,4,5,6,9,3]//硬编码值 }] }); } $(函数(){ 图表1=新的高点图表。图表({ 图表:{ renderTo:'容器', 类型:“行” }, 标题:{ 正文:“能源消耗” }, 亚克斯:{ 标题:{ 文字:“能源” } }, 打印选项:{ 行:{ 活动:{ 点击:功能(e){ var name=this.name; 警报(此名称); 试验(名称,e); } } } }, 系列:[{ 名称:‘A’, 数据:[2,3,8,1,9,6,4,8] }, { 名称:‘B’, 数据:[5,6,3,8,4,1,6,0] },{ 名称:‘C’, 数据:[1,5,4,3,7,7,2,6] },{ 名称:“D”, 数据:[9,10,2,4,5,8,3,8] }] }); });,jquery,html,highcharts,Jquery,Html,Highcharts,单击基于此属性或“e”的任何折线图时,我需要识别相应的系列,并在对话框中显示该特定图表,您可以使用该图表,然后打印所有点 嗨,塞巴斯蒂安,我试过你的代码,我也在一个接一个地提醒你。。但我需要将完整的系列点放在一起,并在对话框中用这些值绘制一条线。你能帮助我吗?在功能测试(名称,e)中,我需要通过系列名称和系列点。。 <div id="container" style="width:100%; height:400px;"></div> <div id="con

单击基于此属性或“e”的任何折线图时,我需要识别相应的系列,并在对话框中显示该特定图表,您可以使用该图表,然后打印所有点


嗨,塞巴斯蒂安,我试过你的代码,我也在一个接一个地提醒你。。但我需要将完整的系列点放在一起,并在对话框中用这些值绘制一条线。你能帮助我吗?在功能测试(名称,e)中,我需要通过系列名称和系列点。。
 <div id="container" style="width:100%; height:400px;"></div>
 <div id="container_dialogue" style="width:100%; height:400px;"></div>

    var chart1;
 function test(name, e){
alert(name);

$( "#container_dialogue").empty();
$( "#container_dialogue").dialog({height: 500,modal: true});

$( "#container_dialogue").append("<div id='dialogue_inner'></div><div            id='dialogue_inner1'></div>");
 $("#dialogue_inner1").append(name);

 /**
  on Clicking any chart based on this property or 'e' i need to identify       the              corresponsing series and to display in dialogue box.
     As of now i hard coded the values and displays a single chart only 

   **/
  $('#dialogue_inner').highcharts({

    title: {
        text: 'Energy Consumption'
    },
    yAxis: {
        title: {
            text: 'Energy'
        }
    },
    series: [{
        name: name,
        data: [1,0,4,5,6,9,3] //hardcoded values
    }]
});

 }


  $(function () { 
  chart1 = new Highcharts.Chart({
chart: {
        renderTo: 'container',
        type: 'line'
    },

title: {
        text: 'Energy Consumption'
    },
    yAxis: {
        title: {
            text: 'Energy'
        }
    },
    plotOptions: {
            line: {
                   events:{
                          click: function(e){
                    var name = this.name;

                    alert(this.name);
                                 test(name, e);
                          }    
                   }
            }
    },
    series: [{
        name: 'A',
        data: [2,3,8,1,9,6,4,8]
    }, {
        name: 'B',
        data: [5,6,3,8,4,1,6,0]
    },{
        name: 'C',
        data: [1,5,4,3,7,7,2,6]
    },{
        name: 'D',
        data: [9,10,2,4,5,8,3,8]
    }]
    });    

   });
 click: function() {
                    console.log(this);
                        var series = this.data;

                    $.each(series,function(i,point){
                        console.log(point.y);
                    });
                }