Hello,
I am facing an issue in bryntum Gantt Library while accessing its component(methods) for creating a Gantt chart in JS.
I have developed a Gantt chart into Salesforce org and it is showing a blank page after that I found that bryntum library does not have the Gantt components for creating a chart. Am I missing something here?
I have attached images for better reference.
/* globals bryntum : true */
import { LightningElement, api, track, wire } from "lwc";
import { NavigationMixin } from "lightning/navigation";
import { ShowToastEvent } from "lightning/platformShowToastEvent";
import { loadScript, loadStyle } from "lightning/platformResourceLoader";
//import GanttDup from "@salesforce/resourceUrl/bryntumScheduleProModuleJS";
//import GanttStyle from "@salesforce/resourceUrl/Bt_BryntumNewGanttCss";
import GanttStyle from "@salesforce/resourceUrl/BT_Bryntum_Css";
//import GANTT from "@salesforce/resourceUrl/bryntum_gantt";
import GANTTModule from "@salesforce/resourceUrl/BT_Bryntum_Js";
//import SchedulerPro from "@salesforce/resourceUrl/bryntumScheduleProModuleJS";
import GanttToolbarMixin from "./lib/GanttToolbar";
import GanttToolbarMixinDup from "./lib/GanttToolbarDup";
import data from "./data/launch-saas";
renderedCallback() {
if (this.bryntumInitialized) {
return;
}
this.bryntumInitialized = true;
Promise.all([
loadScript(this, GANTTModule),
loadStyle(this, GanttStyle + "/gantt.stockholm.css"),
// loadScript(this, Papa.unparse()), // papaparse lib..
loadScript(this, PARSER + "/PapaParse/papaparse.js"),
])
.then(() => {
console.log("*******LIBRARY LOADED SUCCESSFULLY******");
console.log('this.bryntum ',bryntum);
this.gettaskrecords();
this.loadedChart = true;
})
.catch((error) => {
console.log('error log ',error);
this.dispatchEvent(
new ShowToastEvent({
title: "Error loading Gantt Chart",
message: error,
variant: "error",
})
);
});
}
