Я реализовал диаграммы слияния в приложении angular и node.js. Диаграммы в сафари выглядят черными, но они отлично работают во всех других браузерах.
Я исследовал и обнаружил, что это что-то с траекторией градиентных цветов, потому что только трехмерные диаграммы не работают должным образом. Я попытался удалить базовый тег из main.html, но это нарушает мою маршрутизацию. Есть ли другой способ исправить эту проблему, не нарушая мою маршрутизацию?
import { FusionChartsModule } from "angular-fusioncharts";
import FusionCharts from "fusioncharts/core";
import * as Candy from "fusioncharts/themes/fusioncharts.theme.candy";
import * as FusionTheme from "fusioncharts/themes/fusioncharts.theme.fusion";
import * as Gammel from "fusioncharts/themes/fusioncharts.theme.gammel";
import * as Umber from "fusioncharts/themes/fusioncharts.theme.umber";
import Doughtnut2d from "fusioncharts/viz/doughnut2d";
import MsArea from "fusioncharts/viz/msarea";
import MsBar3d from "fusioncharts/viz/msbar3d";
import MsColumn2d from "fusioncharts/viz/mscolumn2d";
import MsColumn3d from "fusioncharts/viz/mscolumn3d";
import MsColumnLine3d from "fusioncharts/viz/mscolumnline3d";
import MsLine from "fusioncharts/viz/msline";
import OverlappedCoulmn2d from "fusioncharts/viz/overlappedcolumn2d";
import Pie2d from "fusioncharts/viz/pie2d";
import Pie3d from "fusioncharts/viz/pie3d";
import StackedColumn2d from "fusioncharts/viz/stackedcolumn2d";
import StackedColumn3d from "fusioncharts/viz/stackedcolumn3d";
FusionChartsModule.fcRoot(
FusionCharts,
Pie2d,
Pie3d,
StackedColumn2d,
OverlappedCoulmn2d,
MsColumn2d,
MsBar3d,
MsColumn3d,
Doughtnut2d,
StackedColumn3d,
MsLine,
MsArea,
MsColumnLine3d,
Gammel,
Candy,
Umber,
FusionTheme,
);
Таким образом я включаю библиотеку Fusion Charts в свое приложение. Если есть какие-либо варианты, я могу изменить пути SVG.
Спасибо!