Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.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
Javascript 如何在highstock基本线图上绘制多条线?_Javascript_Jquery_Highcharts_Highstock - Fatal编程技术网

Javascript 如何在highstock基本线图上绘制多条线?

Javascript 如何在highstock基本线图上绘制多条线?,javascript,jquery,highcharts,highstock,Javascript,Jquery,Highcharts,Highstock,我想为您的库的这种类型的图形绘制多条线: 我在网上找到了这个样本: 下面你可以看到我的html文件。我试过做几件事,但都做不到。我怎样才能使我的图表也能画多条线呢?(用于ipad应用程序项目) Timur Aykut YILDIRIM高级项目-IH技术 var serviceDataURL=”http://xx.xx.xxx.xxx:83/get_item_data_ios?generic="; 函数集字典(x){ 返回x; }//不需要这个方法 var dict=“web服务查询字符串将在此

我想为您的库的这种类型的图形绘制多条线:

我在网上找到了这个样本:

下面你可以看到我的html文件。我试过做几件事,但都做不到。我怎样才能使我的图表也能画多条线呢?(用于ipad应用程序项目)


Timur Aykut YILDIRIM高级项目-IH技术
var serviceDataURL=”http://xx.xx.xxx.xxx:83/get_item_data_ios?generic=";
函数集字典(x){
返回x;
}//不需要这个方法
var dict=“web服务查询字符串将在此处”;
$(函数(){
$.getJSON(serviceDataURL.concat(dict),函数(data){
//创建图表
window.chart=新的Highcharts.StockChart({
图表:{
renderTo:“容器”
},
导航:{
按钮选项:{
启用:false,
宽度:60
}
},
范围选择器:{
按钮间距:20,
buttonTheme:{//Q、Y、YTD和所有按钮的样式
填写:'无',
笔划:“无”,
“笔划宽度”:15,
风格:{
颜色:'#039',
fontWeight:“粗体”
},
国家:{
悬停:{},
选择:{
填写:“#039”,
风格:{
颜色:“白色”
}
}
}
},
所选:3,//3=首先为所有buton
inputDateFormat:“%Y-%m-%d”,
InputitDateFormat:“%Y-%m-%d”,
按钮:[
{
键入:“月”,
计数:3,
文字:“QQ”
},
{
类型:'年',
计数:1,
文字:“YY”
},
{
类型:“ytd”,
文字:“YTD”
},
{
键入:“全部”,
文字:“全部”
},
]
},
标题:{
文字:“我的总市场”
},
学分:{
正文:“,
href:“,
},
系列:[{
名称:'总市场',
数据:arr,
工具提示:{
数值小数:2
}
}],
出口:{
已启用:false
}
},功能(图表){
//应用日期选择器
setTimeout(函数(){
$('input.highcharts范围选择器').attr('readonly',1);//burda webviewıEngeledik
$('input.highcharts范围选择器',$('#'+chart.options.chart.renderTo))
},0)
});
});
});
//]]>
现在您有:

                    series : [{
                        name : 'Total Market',
                        data : arr,
                        tooltip: {
                            valueDecimals: 2
                        }
                    }]
所以在序列中只有一个对象。如果您想要多个系列,则应如下所示:

                    series : [{
                        name : 'Total Market I',
                        data : arr_1,
                        tooltip: {
                            valueDecimals: 2
                        }
                    },{
                        name : 'Total Market II',
                        data : arr_2,
                        tooltip: {
                            valueDecimals: 2
                        }
                    }]
编辑:

要添加多个系列,请将它们推送到阵列:

var mySeries = [];

mySeries.push({
    name : 'Total Market I',
    data : arr_1
});
mySeries.push({
    name : 'Total Market II',
    data : arr_2
});
mySeries.push({
    name : 'Total Market III',
    data : arr_3
});
然后创建图表:

series: mySeries

您好,谢谢您的帮助,但我的图表有1-6行不同。所以在最大值中,我将显示6行。这最多只包括两行好吧,我很困惑。上面的一个示例就是如何将另一个系列添加到
series
数组中。如果你有更多的系列,就把更多的推到那里。例如,请参见my edit.so;我只需要写mySeries.push({name:'totalmarketiii',data:arr_3});6次,如果我在最后2次中没有发送数据,它将在图表上画4行?您可以写这6次,如果
arr\u x
将是一个空数组,那么您将得到4行。或者,对于N系列,您可以只向服务器发出一个请求,并对返回的JSON进行迭代,以仅将现有系列填充到
series
array。使用一个请求方法是否更好?如果是的话,我该怎么做?我处于一种正在学习的状态。你能给我看看吗?
series: mySeries