Add a logo or a heading to the dashboard
You can add logos, headings, and subheadings to your exported dashboard images. The logo and the heading/subheading can be included at the top of the dashboard. To do so, use the options listed below:
--dashboardLogo(followed by the resolved file path for the logo)--dashboardHeading(followed by the heading text)--dashboardSubheading(followed by the subheading text)
To add logos, headings, and subheadings to your exported dashboard images, you can use the CLI or SDKs of the languages mentioned below, using the command given below:
To add a logos, headings, and subheadings to the exported dashboard image, use the commands listed below:
- To add a logo: --dashboard-logo or -G
- To add a heading: --dashboard-heading or -D
- To add a subheading: --dashboard-subheading or -B
A sample command is shown below:
$ fe -c multiple_charts_config.json -T template.html -G "path/to/logo.png" -D "FusionExport Dashboard" -B "Powered by FusionExport"
// Adding a logo or heading to the dashboard
const path = require('path');
// Require FusionExport
const {
ExportManager,
ExportConfig
} = require('../');
// Instantiate ExportManager
const exportManager = new ExportManager();
// Instantiate ExportConfig and add the required configurations
const exportConfig = new ExportConfig();
exportConfig.set('chartConfig', path.join(dirname, 'resources', 'multiple.json'));
exportConfig.set('templateFilePath', path.join(dirname, 'resources', 'template.html'));
exportConfig.set('dashboardLogo', path.join(dirname, 'resources', 'logo.jpg'));
exportConfig.set('dashboardHeading', 'FusionCharts');
exportConfig.set('dashboardSubheading', 'The best charting library in the world');
// provide the export config
exportManager.export(exportConfig);
// Called when export is done
exportManager.on('exportDone', (outputFileBag) => {
outputFileBag.forEach((op) => {
console.log(DONE: ${op.realName});
});
ExportManager.saveExportedFiles(outputFileBag);
});
// Called on each export state change
exportManager.on('exportStateChange', (state) => {
console.log([${state.reporter}] ${state.customMsg});
});
// Called on erroe
exportManager.on('error', (err) => {
console.error(err);
});
import com.fusioncharts.fusionexport.client.*; // import sdk
public class ExportChart {
public static void main(String[] args) throws Exception {
String configPath = "fullpath/resources/static2/resources/multiple.json";
String templatePath = "fullpath/resources/static2/resources/template.html";
// Instantiate the ExportConfig class and add the required configurations
ExportConfig config = new ExportConfig();
config.set("chartConfig", configPath);
config.set("templateFilePath", templatePath);
config.set("dashboardLogo", "fullpath/resources/static2/resources/logo.jpg");
config.set("dashboardHeading", "Dashboard");
config.set("dashboardSubheading", "Powered by FusionExport");
// Instantiate the ExportManager class
ExportManager manager = new ExportManager(config);
// Call the export() method with the export config and the respective callbacks
manager.export(new ExportDoneListener() {
@Override
public void exportDone(ExportDoneData result, ExportException error) {
if (error != null) {
System.out.println(error.getMessage());
} else {
ExportManager.saveExportedFiles("fullPath", result);
}
}
},
new ExportStateChangedListener() {
@Override
public void exportStateChanged(ExportState state) {
System.out.println("STATE: " + state.reporter);
}
});
}
}
using System;
using System.IO;
using System.Linq;
using FusionCharts.FusionExport.Client; // Import sdk
namespace FusionExportTest
{
public static class DashboardLogoHead
{
public static void Run(string host = Constants.DEFAULT_HOST, int port = Constants.DEFAULT_PORT)
{
// Instantiate the ExportConfig class and add the required configurations
ExportConfig exportConfig = new ExportConfig();
exportConfig.Set("chartConfig", File.ReadAllText("./resources/dashboard_charts.json"));
exportConfig.Set("templateFilePath", "./resources/template.html");
exportConfig.Set("dashboardLogo", "./resources/logo.png");
exportConfig.Set("dashboardHeading", "Dashboard");
exportConfig.Set("dashboardSubheading", "Powered by FusionExport");
// Instantiate the ExportManager class
ExportManager em = new ExportManager(host: host, port: port);
// Call the Export() method with the export config and the respective callbacks
em.Export(exportConfig, OnExportDone, OnExportStateChanged);
}
// Called when export is done
static void OnExportDone(ExportEvent ev, ExportException error)
{
if (error != null)
{
Console.WriteLine("Error: " + error);
}
else
{
var fileNames = ExportManager.GetExportedFileNames(ev.exportedFiles);
Console.WriteLine("Done: " + String.Join(", ", fileNames)); // export result
}
}
// Called on each export state change
static void OnExportStateChanged(ExportEvent ev)
{
Console.WriteLine("State: " + ev.state.customMsg);
}
}
}
<?php
// Adding a logo or heading to the dashboard
require DIR__ . '/../vendor/autoload.php';
// Use the sdk
use FusionExport\ExportManager;
use FusionExport\ExportConfig;
// Instantiate the ExportConfig class and add the required configurations
$exportConfig = new ExportConfig();
$exportConfig->set('chartConfig', realpath('resources/multiple.json'));
$exportConfig->set('templateFilePath', realpath('resources/template.html'));
$exportConfig->set('dashboardLogo', realpath('resources/logo.jpg'));
$exportConfig->set('dashboardHeading', 'FusionCharts');
$exportConfig->set('dashboardSubheading', 'The best charting library in the world');
// Called on each export state change
$onStateChange = function ($event) {
$state = $event->state;
echo('STATE: [' . $state->reporter . '] ' . $state->customMsg . "\n");
};
// Called when export is done
$onDone = function ($event, $e) {
$export = $event->export;
if ($e) {
echo('ERROR: ' . $e->getMessage());
} else {
foreach ($export as $file) {
echo('DONE: ' . $file->realName. "\n");
}
ExportManager::saveExportedFiles($export);
}
};
// Instantiate the ExportManager class
$exportManager = new ExportManager();
// Call the export() method with the export config and the respective callbacks
$exportManager->export($exportConfig, $onDone, $onStateChange);
#!/usr/bin/env python
from fusionexport
import ExportManager, ExportConfig# Import sdk
def read_file(file_path):
try:
with open(file_path, "r") as f:
return f.read()
except Exception as e:
print(e)
# Called when
export is done
def on_export_done(event, error):
if error:
print(error)
else :
ExportManager.save_exported_files("exported_images", event["result"])
# Called on each
export state change
def on_export_state_changed(event):
print(event["state"])
# Instantiate the ExportConfig class and add the required configurations
export_config = ExportConfig()
export_config["chartConfig"] = read_file("dashboard_charts.json")
export_config["templateFilePath"] = "template.html"
export_config["dashboardLogo"] = "logo.png"
export_config["dashboardHeading"] = 'Dashboard'
export_config["dashboardSubheading"] = 'Powered by FusionExport'
#
Provide port and host of FusionExport Service
export_server_host = "127.0.0.1"
export_server_port = 1337
# Instantiate the ExportManager class
em = ExportManager(export_server_host, export_server_port)# Call the
export () method with the
export config and the respective callbacks
em.export(export_config, on_export_done, on_export_state_changed)
// Adding a logo or heading to the dashboard
package main
import (
"fmt"
"github.com/fusioncharts/fusionexport-go-client"
)
// Called when export is done
func onDone(outFileBag []FusionExport.OutFileBag, err error) {
check(err)
FusionExport.SaveExportedFiles(outFileBag)
}
// Called on each export state change
func onStateChange(event FusionExport.ExportEvent) {
fmt.Println("[" + event.Reporter + "] " + event.CustomMsg)
}
func main() {
// Instantiate ExportConfig and add the required configurations
exportConfig := FusionExport.NewExportConfig()
exportConfig.Set("chartConfig", "example/resources/multiple.json")
exportConfig.Set("templateFilePath", "example/resources/template.html")
exportConfig.Set("dashboardLogo", "example/resources/logo.jpg")
exportConfig.Set("dashboardHeading", "FusionCharts")
exportConfig.Set("dashboardSubheading", "The best charting library in the world")
// Instantiate ExportManager
exportManager := FusionExport.NewExportManager()
// Call the Export() method with the export config and the respective callbacks
exportManager.Export(exportConfig, onDone, onStateChange)
}
func check(e error) {
if e != nil {
panic(e)
}
}
Related Resources
Was this article helpful to you ?