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] }] }); });
单击基于此属性或“e”的任何折线图时,我需要识别相应的系列,并在对话框中显示该特定图表,您可以使用该图表,然后打印所有点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)中,我需要通过系列名称和系列点。。
<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);
});
}