Highcharts仪表不显示
Highcharts gauge do not display
我对Highcharts量表有问题。事实上,它没有显示,我有一个JS错误。
TypeError: $[b.defaultSeriesType] is not a constructor
highcharts.js(第159行)
我有3个选项卡(使用bootstrap/jquery),另外两个选项卡中有pie,这些选项卡没有问题。
我不明白,因为我刚刚从Highcharts网站上复制了这个例子。有人知道是什么原因造成的吗?
编辑:
这是JS 的一部分
chart = new Highcharts.Chart({
chart : {
renderTo : 'container',
type : 'gauge',
plotBackgroundColor : null,
plotBackgroundImage : null,
plotBorderWidth : 0,
plotShadow : false
},
title : {
text : 'Speedometer'
},
pane : {
startAngle : -150,
endAngle : 150,
background : [
{
backgroundColor : {
linearGradient : {
x1 : 0,
y1 : 0,
x2 : 0,
y2 : 1
},
stops : [
[ 0, '#FFF' ],
[ 1, '#333' ] ]
},
borderWidth : 0,
outerRadius : '109%'
},
{
backgroundColor : {
linearGradient : {
x1 : 0,
y1 : 0,
x2 : 0,
y2 : 1
},
stops : [
[ 0, '#333' ],
[ 1, '#FFF' ] ]
},
borderWidth : 1,
outerRadius : '107%'
}, {
// default background
}, {
backgroundColor : '#DDD',
borderWidth : 0,
outerRadius : '105%',
innerRadius : '103%'
} ]
},
// the value axis
yAxis : {
min : 0,
max : 200,
minorTickInterval : 'auto',
minorTickWidth : 1,
minorTickLength : 10,
minorTickPosition : 'inside',
minorTickColor : '#666',
tickPixelInterval : 30,
tickWidth : 2,
tickPosition : 'inside',
tickLength : 10,
tickColor : '#666',
labels : {
step : 2,
rotation : 'auto'
},
title : {
text : 'km/h'
},
plotBands : [ {
from : 0,
to : 120,
color : '#55BF3B' // green
}, {
from : 120,
to : 160,
color : '#DDDF0D' // yellow
}, {
from : 160,
to : 200,
color : '#DF5353' // red
} ]
},
series : [ {
name : 'Speed',
data : [ 80 ],
tooltip : {
valueSuffix : ' km/h'
}
} ]
});
在我的html中,我有这个
<div class="tab-pane fade" id="requetesSeconde">
<div id="container"
style="width: 400px; height: 300px; margin: 0 auto"></div>
</div>
问题是您没有包含highcharts-more.js
文件
这很奇怪,因为我复制了这个例子。也许是因为页面上的图表数量太多而出现了问题。(3在第一个选项卡,1在第二个选项卡,仪表在第三个选项卡)
相关文章:
- 从桌面读取python文件时高亮显示代码
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 如何在生成下载文件时显示加载动画
- React重新渲染但未显示正确的组件
- nodejs-expressjs上传图像并显示它们
- 使用JSP从服务器检索和显示图像
- 音频控件在mouseover上显示,在mouseout上淡出
- Highcharts仪表未显示
- JQPlot's仪表-以针为单位显示值
- crm 2011使用javascript在仪表板上隐藏和显示子网格
- 仪表D3.js在指针顶部显示值
- Kibana - 用于查找内容并从日志中显示附近记录的仪表板
- 是否可以在剑道UI线性仪表上仅显示最大值/最小值
- 当点击下拉项,它应该显示在仪表板上,并从下拉列表中删除
- Google Analytics API JavaScript在仪表板上向用户显示无需登录的数据
- 如何在Google charts仪表板中运行两个查询并显示两个带有控件的图表
- js简单的仪表板示例-如何编辑显示表
- 调用javascript api,但在仪表板上显示为Places api Web服务
- Highcharts仪表不显示
- 我想添加我的客户的屏幕截图按钮's页面,然后希望将其保存在数据库中,并将其作为仪表板显示在另一个页面中