如何解决响应本机上的FusionCharts-错误:“ assets / fusioncharts.widgets.js”无法加载,因为其扩展名未在assetExts中注册
我正在使用带有expo的react native来测试ios上融合图的实时图表。
该图表未显示,仅显示“正在加载图表”。请耐心等待。'而在日志中出现如下错误
错误:“ assets / fusioncharts.widgets.js”无法加载,因为其扩展名未在assetExts中注册 在/Users/admin/azha/rn/Project/umwiot/node_modules/metro/src/Assets.js:356:13 在Generator.next() 在asyncGeneratorStep(/Users/admin/azha/rn/Project/umwiot/node_modules/metro/src/Assets.js:52:24) 在_next(/Users/admin/azha/rn/Project/umwiot/node_modules/metro/src/Assets.js:72:9) 在/Users/admin/azha/rn/Project/umwiot/node_modules/metro/src/Assets.js:77:7 在新的Promise() 在/Users/admin/azha/rn/Project/umwiot/node_modules/metro/src/Assets.js:69:12 在getAsset(/Users/admin/azha/rn/Project/umwiot/node_modules/metro/src/Assets.js:337:20) 在/Users/admin/azha/rn/Project/umwiot/node_modules/metro/src/Server.js:752:28 在Generator.next()
下面是我的代码。
import React,{ Component,useState } from "react";
import { Platform,StyleSheet,Text,View } from "react-native";
import FusionCharts from "react-native-fusioncharts";
export default function Fus1() {
const [id,setId] = useState("stockRealTimeChart");
const [type,setType] = useState("realtimearea");
const [width,setWidth] = useState("100%");
const [height,setHeight] = useState("100%");
const [dataFormat,setDataFormat] = useState("json");
const dataSource = {
chart: {
theme: "candy",caption: "Real-time stock price monitor",subCaption: "Harry's SuperMart",xAxisName: "Time",yAxisName: "Stock Price",numberPrefix: "$",refreshinterval: "5",yaxisminvalue: "35",yaxismaxvalue: "36",numdisplaysets: "10",labeldisplay: "rotate",showRealTimeValue: "0",},categories: [
{
category: [
{
label: "Day Start",],dataset: [
{
data: [
{
value: "35.27",};
const event = {
initialized: function (e) {
function addLeadingZero(num) {
return num <= 9 ? "0" + num : num;
}
function updateData() {
var chartRef = FusionCharts("stockRealTimeChart"),label =
addLeadingZero(currDate.getHours()) +
":" +
addLeadingZero(currDate.getMinutes()) +
":" +
addLeadingZero(currDate.getSeconds()),randomValue = Math.floor(Math.random() * 50) / 100 + 35.25,strData = "&label=" + label + "&value=" + randomValue;
chartRef.feedData(strData);
}
var myVar = setInterval(function () {
updateData();
},5000);
},};
const libraryPath = Platform.select({
//android: { uri: "file:///android_asset/fusioncharts.html" },ios: require("../../assets/fusioncharts.html"),});
return (
<View>
<Text>Example real time</Text>
<FusionCharts
type={type}
width={width}
height={height}
dataFormat={dataFormat}
dataSource={dataSource}
libraryPath={libraryPath}
id={id}
event={event}
/>
</View>
);
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。