Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.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 Jqplot图形未显示在引导转盘中_Jquery_Twitter Bootstrap_Carousel_Jqplot - Fatal编程技术网

Jquery Jqplot图形未显示在引导转盘中

Jquery Jqplot图形未显示在引导转盘中,jquery,twitter-bootstrap,carousel,jqplot,Jquery,Twitter Bootstrap,Carousel,Jqplot,我正在引导转盘上测试Jqplot图形。在旋转木马的第一张幻灯片(标题:图1)中显示图形,但在第二张幻灯片(标题:图2)中不生成图形 我给您留下源代码: //JAVASCRIPT $(函数(){ $.jqplot.config.enablePlugins=true; //垂直图形 var dataGraphic=[568150214503323922181825197,8]; 变量nameData=['A','B','C','D','E','F','G','H']; $.jqplot('char

我正在引导转盘上测试Jqplot图形。在旋转木马的第一张幻灯片(标题:图1)中显示图形,但在第二张幻灯片(标题:图2)中不生成图形

我给您留下源代码:

//JAVASCRIPT
$(函数(){
$.jqplot.config.enablePlugins=true;
//垂直图形
var dataGraphic=[568150214503323922181825197,8];
变量nameData=['A','B','C','D','E','F','G','H'];
$.jqplot('chartTopSlide1',[dataGraphic]{
网格:{
背景:“#ffffff”,
drawGridlines:false,
抽边线:假,
影子:错
},
身高:230,
系列默认值:{
渲染器:$.jqplot.blunderer,
渲染器选项:{
条宽:25,
阴影偏移量:0
},
点标签:{
秀:真的
}
},
轴线:{
xaxis:{
渲染器:$.jqplot.CategoryAxisRenderer,
ticks:nameData
},
亚克斯:{
边框宽度:0,
最高:6500,
渲染器选项:{
缺点:错误
},
秀:假,,
showTicks:false
}
},
荧光灯:{
节目:假
}
});
//图形水平
var dataGraphic3=[8059059051905290514905525116496];
var nameData3=['MX','PT','US','FR','RU','IT','CN','ES'];
$.jqplot('chartBottom',[dataGraphic3]{
网格:{
背景:“#ffffff”,
抽边线:假,
影子:错
},
系列:[{
渲染器:$.jqplot.blunderer,
escapeHTML:false
}],
系列默认值:{
渲染器选项:{
条宽:25,
阴影偏移量:0,
B方向:“水平”
},
点标签:{
秀:真的
}
},
轴线:{
xaxis:{
最高:18000,
边框宽度:0,
渲染器选项:{
缺点:错误
},
秀:假,,
showTicks:false
},
亚克斯:{
渲染器:$.jqplot.CategoryAxisRenderer,
勾号:nameData3,
pad:50,
选择:{
显示网格线:false
}
}
},
荧光灯:{
节目:假
}
});
//图形甜甜圈
变量数据1=[
[1, 78334],
[2, 37092]
];
变量数据2=[
[1, 78334],
[2, 34396]
];
变量数据3=[
[1, 78334],
[2, 2859]
];
变量数据4=[
[1, 78334],
[2, 2366]
];
变量数据5=[
[1, 78334],
[2, 2199]
];
变量选项={
身高:160,
宽度:160,
网格:{
背景:“#ffffff”,
抽边线:假,
影子:错
},
系列默认值:{
渲染器:$.jqplot.DonutRenderer,
渲染器选项:{
阴影偏移量:0,
页边距:0,
内径:120,
startAngle:-90
}
},
系列颜色:['#e1eaef','#216b92']
};
$.jqplot('graphic1',[data1],选项);
$.jqplot('graphic2',[data2],选项);
$.jqplot('graphic3',[data3],选项);
$.jqplot('graphic4',[data4],选项);
$.jqplot('graphic5',[data5],选项);
});
/*-----------风格------------------*/
h1{
边缘底部:0.5em;
字号:5em;
}
氢{
字号:18px;
字体大小:粗体;
边缘顶部:10px;
}
A.
a:主动,
答:焦点,
a:悬停,
a:参观了{
颜色:#006a86;
文字装饰:无;
}
.divToCenter{
显示:表格;
}
.divToCenter.contentMiddle{
显示:表格单元格;
垂直对齐:中间对齐;
}
.设备内容顶部{
边框底部:1px实心#cdcdcd;
高度:300px;
}
旋转木马{
高度:299px;
}
.转盘指示器{
底部:0;
页边距底部:0;
}
.转盘指示器{
背景色:#C6DE;
边界:无;
保证金:0;
右边距:5px!重要;
宽度:14px;
高度:14px;
}
.转盘指示器李:最后一个孩子{
右边距:0!重要;
}
.转盘指示器li.active{
背景色:#808a92;
宽度:14px;
高度:14px;
}
/*----------------类型------------------*/
.打字器材组{
显示:内联块;
}
.typeDevice.titleType{
字体大小:16px;
文本对齐:居中;
显示:块;
}
/*-----------------图形------------------*/
查特巴顿先生{
溢出y:滚动;
}
.jqplot点标签{
颜色:#0079b4;
字体大小:12px;
}

JQPLOT的图形
  • 图1 图2 类型1 类型2 类型3 类型4 类型5 图3
    我认为当您使用
    DonutRenderer
    时,需要定义以下一些选项:

    sliceMargin: 2,
    innerDiameter: 110,
    startAngle: -90
    
    显然,你可以通过更多的选项,但我认为这3个选项是必需的