Necesito cómo conectar SciChart a Nuxt.js que hice
npm init nuxt-app "scichart" npm install scichart y detecto un error
paquete.json
{ "name": "scichart", "version": "1.0.0", "private": true, "scripts": { "dev": "nuxt", "build": "nuxt build", "start": "nuxt start", "generate": "nuxt generate", "buildsci": "webpack", "startsci": "webpack-dev-server" }, "dependencies": { "core-js": "^3.15.1", "nuxt": "^2.15.7", "scichart": "^2.0.0" }, "devDependencies": { "copy-webpack-plugin": "^6.3.2", "webpack": "^4.46.0 ", "webpack-cli": "^4.9.0", "webpack-dev-server": "^4.3.1" } }Ahora hay varios ejemplos en SciChart.js Github que muestran cómo configurar SciChart en marcos. Éstos incluyen:
Además de muchos más. El problema común con estos marcos es cargar WebAssembly. SciChart.js utiliza WebAssembly para lograr cuadros y gráficos 2D y 3D de muy alto rendimiento. El archivo Wasm debe estar en la carpeta de salida cuando se crea su proyecto. Esto es diferente para cada marco.
Ahora hay una página en la documentación de SciChart.js que muestra cómo cargar webassembly sin problemas sin necesidad de complementos de Webpack o Copy en package.json.
Consulte el artículo de instrucciones aquí: Creación de una nueva SciChartSurface y carga de Wasm
Implementación de Wasm (WebAssembly) y archivos de datos con su aplicación
Si recibe un mensaje de error al ejecutar su aplicación, es posible que no haya implementado Wasm (WebAssembly) o los archivos de datos correctamente. A continuación hay algunos pasos sobre cómo resolver eso.
Error: no se pudo cargar el módulo SciChart WebAssembly. Verifique su proceso de compilación y asegúrese de que sus archivos scichart2d.wasm, scichart2d.data y scichart2d.js sean de la misma versión
Opción 1: Paquete Wasm & Data Files con WebPack (o similar)...
Opción 2: Cargue Wasm desde la URL con SciChartSurface.configure() o useWasmFromCDN()...
Hemos empaquetado una función útil que carga automáticamente la versión más reciente y correcta de los archivos Wasm & Data de SciChart desde CDN.
Para usar esto, en lugar de llamar a SciChartSurface.configure() pasando una URL, llame a SciChartSurface.useWasmFromCDN().
import {SciChartSurface} from "scichart/Charting/Visuals/SciChartSurface"; export async function initSciChart() { // Call this once before any SciChartSurface is shown. // This is equivalent to calling SciChartSurface.configure() with the CDN URL (JSDelivr) SciChartSurface.useWasmFromCDN(); }