Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-mvc/15.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
Twitter bootstrap 3 将FusionCharts与Metronic模板集成_Twitter Bootstrap 3_Fusioncharts - Fatal编程技术网

Twitter bootstrap 3 将FusionCharts与Metronic模板集成

Twitter bootstrap 3 将FusionCharts与Metronic模板集成,twitter-bootstrap-3,fusioncharts,Twitter Bootstrap 3,Fusioncharts,我试图在metronic模板上显示融合图,但它在集成后显示一个空白页。据我所知,是一个在Bootstrap 3.3.5框架、jQuery 1.10.2和更多平台上工作的模板引擎。我提供了一个使用FusionCharts和引导的示例,看看它是如何工作的 显示空白页的一个可能原因可能是未按正确顺序加载脚本。检查控制台,可能会出现错误“FusionCharts未定义” 在FusionCharts中呈现折线图的示例性JS代码段: FusionCharts.ready(函数(){ var visitCh

我试图在metronic模板上显示融合图,但它在集成后显示一个空白页。

据我所知,是一个在Bootstrap 3.3.5框架、jQuery 1.10.2和更多平台上工作的模板引擎。我提供了一个使用FusionCharts和引导的示例,看看它是如何工作的

显示空白页的一个可能原因可能是未按正确顺序加载脚本。检查控制台,可能会出现错误“FusionCharts未定义”

在FusionCharts中呈现折线图的示例性JS代码段:

FusionCharts.ready(函数(){
var visitChart=新的FusionCharts({
键入:“msline”,
renderAt:'图表容器',
宽度:'550',
高度:'350',
dataFormat:'json',
数据源:{
“图表”:{
“说明”:“上周参观人数”,
“子选项”:“贝克斯菲尔德中心对洛杉矶托潘加”,
“captionFontSize”:“14”,
“SuboptionFontSize”:“14”,
“SuboptionFontBold”:“0”,
“调色板颜色”:“0075c2,#1aaf5d”,
“bgcolor”:“ffffff”,
“legendBgColor”:“d9ffb3”,
“showBorder”:“0”,
“showShadow”:“0”,
“showCanvasBorder”:“0”,
“usePlotGradientColor”:“0”,
“legendBorderAlpha”:“0”,
“legendShadow”:“0”,
“showAxisLines”:“0”,
“ShowAlternateGridColor”:“0”,
“divlineThickness”:“1”,
“divLineIsDashed”:“1”,
“divLineDashLen”:“1”,
“divLineGapLen”:“1”,
“xAxisName”:“Day”,
“showValues”:“0”
},
“类别”:[
{
“类别”:[
{“label”:“Mon”},
{“标签”:“星期二”},
{“标签”:“Wed”},
{
“vline”:“true”,
“lineposition”:“0”,
“颜色”:“6baa01”,
“labelHAlign”:“中心”,
“标签位置”:“0”,
“标签”:“国庆节”,
“虚线”:“1”
},
{“标签”:“Thu”},
{“标签”:“Fri”},
{“标签”:“Sat”},
{“标签”:“太阳”}
]
}
],
“数据集”:[
{
“seriesname”:“贝克斯菲尔德中心”,
“数据”:[
{“值”:“15123”},
{“值”:“14233”},
{“值”:“25507”},
{“值”:“9110”},
{“值”:“15529”},
{“值”:“20803”},
{“值”:“19202”}
]
}, 
{
“系列名称”:“洛杉矶托潘加”,
“数据”:[
{“值”:“13400”},
{“值”:“12800”},
{“值”:“22800”},
{“值”:“12400”},
{“值”:“15800”},
{“值”:“19800”},
{“值”:“21800”}
]
}
], 
“趋势线”:[
{
“行”:[
{
“startvalue”:“17022”,
“颜色”:“6baa01”,
“valueOnRight”:“1”,
“显示值”:“平均值”
}
]
}
]
}
}).render();
});据我所知,是一个在Bootstrap3.3.5框架、jQuery1.10.2和更多框架上工作的模板引擎。我提供了一个使用FusionCharts和引导的示例,看看它是如何工作的

显示空白页的一个可能原因可能是未按正确顺序加载脚本。检查控制台,可能会出现错误“FusionCharts未定义”

在FusionCharts中呈现折线图的示例性JS代码段:

FusionCharts.ready(函数(){
var visitChart=新的FusionCharts({
键入:“msline”,
renderAt:'图表容器',
宽度:'550',
高度:'350',
dataFormat:'json',
数据源:{
“图表”:{
“说明”:“上周参观人数”,
“子选项”:“贝克斯菲尔德中心对洛杉矶托潘加”,
“captionFontSize”:“14”,
“SuboptionFontSize”:“14”,
“SuboptionFontBold”:“0”,
“调色板颜色”:“0075c2,#1aaf5d”,
“bgcolor”:“ffffff”,
“legendBgColor”:“d9ffb3”,
“showBorder”:“0”,
“showShadow”:“0”,
“showCanvasBorder”:“0”,
“usePlotGradientColor”:“0”,
“legendBorderAlpha”:“0”,
“legendShadow”:“0”,
“showAxisLines”:“0”,
“ShowAlternateGridColor”:“0”,
“divlineThickness”:“1”,
“divLineIsDashed”:“1”,
“divLineDashLen”:“1”,
“divLineGapLen”:“1”,
“xAxisName”:“Day”,
“showValues”:“0”
},
“类别”:[
{
“类别”:[