Javascript 无法在JSFIDLE中呈现DevExtreme饼图
在中,我试图绘制一个:Javascript 无法在JSFIDLE中呈现DevExtreme饼图,javascript,jquery,html,css,devextreme,Javascript,Jquery,Html,Css,Devextreme,在中,我试图绘制一个: var数据源=[{ 区域:“亚洲”, 瓦尔:4119626293 }, { 区域:“非洲”, val:1012956064 }, { 区域:“北美洲”, val:344124520 }, { 区域:“拉丁美洲和加勒比”, val:590946440 }, { 区域:“欧洲”, val:727082222 }, { 区域:“大洋洲”, val:35104756 }]; $(“#容器”).dxPieChart({ 数据源:数据源, 标题:“各大洲和地区的人口”, 工具提示:
var数据源=[{
区域:“亚洲”,
瓦尔:4119626293
}, {
区域:“非洲”,
val:1012956064
}, {
区域:“北美洲”,
val:344124520
}, {
区域:“拉丁美洲和加勒比”,
val:590946440
}, {
区域:“欧洲”,
val:727082222
}, {
区域:“大洋洲”,
val:35104756
}];
$(“#容器”).dxPieChart({
数据源:数据源,
标题:“各大洲和地区的人口”,
工具提示:{
启用:对,
格式:“百万”,
百分比精度:2,
customizeTooltip:函数(arg){
返回{
文本:arg.valueText+“-”+arg.percentText
};
}
},
图例:{
水平对齐:“右”,
垂直对齐:“顶部”,
保证金:0
},
系列:[{
类型:“甜甜圈”,
参数字段:“区域”,
标签:{
可见:对,
格式:“百万”,
连接器:{
可见:正确
}
}
}]
});代码>
#容器{
高度:440px;
宽度:100%;
}
检查控制台-它找不到.dxPieChart
函数,因为它无法加载'unsecure'chart.js脚本:
'混合内容:通过HTTPS加载了“”处的页面,但请求了不安全的脚本“”。此请求已被阻止;内容必须通过HTTPS提供。”
也许您可以找到库的https
CDN链接?检查控制台-它找不到.dxPieChart
函数,因为它无法加载“不安全”的chart.js脚本:
'混合内容:通过HTTPS加载了“”处的页面,但请求了不安全的脚本“”。此请求已被阻止;内容必须通过HTTPS提供。”
也许您可以找到该库的https
CDN链接?将http-CDN更改为https。devextreme chartjs 13.1.5库的Https cdn:将http cdn更改为Https。devextreme chartjs 13.1.5库的Https cdn:您有一些错误。检查控制台。您有一些错误。检查控制台。它可以工作,您只需要为外部库使用HTTPS CDN链接。您可能很难找到一个,因为您使用的库不是免费的。@Rorymcrossan如果我理解正确,我已经通过移动到完全删除了https
内容。仍然没有渲染不,问题是您正在尝试加载http://cdn3.devexpress.com/jslib/15.2.10/js/dx.chartjs.js
,它不是安全的(https
)链接。您应该尝试找到一个指向同一个库的链接,该库是https
@otajor-是的,https
是问题所在,所以我正在使用。顺便说一句,我能够解决这个问题,因为它确实有效,您只需要为外部库使用HTTPS CDN链接。您可能很难找到一个,因为您使用的库不是免费的。@Rorymcrossan如果我理解正确,我已经通过移动到完全删除了https
内容。仍然没有渲染不,问题是您正在尝试加载http://cdn3.devexpress.com/jslib/15.2.10/js/dx.chartjs.js
,它不是安全的(https
)链接。您应该尝试找到一个指向同一个库的链接,该库是https
@otajor-是的,https
是问题所在,所以我正在使用。顺便说一句,我能够解决这个问题,感谢你的投入!谢谢你的投入!