AmChartsが画像/ SVGを読み込んでいない

Question

私はAmCharts、グラフとグラフを作成するツールを見つけましたが、事は、どうすればそれらがよく一緒にうまく動作するようにするのかわかりません。webpack

AmChartsは、node_moduleの中に独自のSVGイメージを見つけることができません。

例：

チャートinitと設定：

それは指摘しておかなければ、私はWebPACKのでVue.JSを使用しています。 amcharts.jsとserial.jsをmain.jsスクリプトにインポートしていますので、ウェブサイト全体でこれらのチャートを使用することができますが、何か他のものをインポートするのを忘れていますか？ アセットから別のSVGファイルをロードすることはできますが、自分のライブラリ内に独自のSVGファイルをロードすることはできません。自動的に実行する必要がありますが、ロード中は404エラーが表示されます。チャート。

はWebPACKのサポートとAmChartサポートの両方に話したが、彼らはただ他の人にこの問題を押しました。そこでこの質問をここに公開しました。

AmChartsのオプションを使用してファイルを見つけるように画像にマッピングしようとしましたが、node_modulesのamchartsフォルダからすべての画像をコピーして新しいフォルダを指定してみましたが、運がない。

ありがとうございました。デフォルトamChartsによって

敬具 トビアス

Answer 1

はamcharts.jsと同じディレクトリに自分の画像を探ししようとします。インポートする場合は、<script>タグ以外の方法がありますが、それは失敗する可能性があります。

それを修正するには、あなたがamCharts'インストールを手動でどこのポイントにpathプロパティを設定する必要があります。すなわち：また

AmCharts.makeChart("chartdiv", { 
    "type": "serial", 
    "path": "/libs/amcharts/", 
    // ... 
}); 

、あなたがamCharts'ファイルが存在するパスを指すようにグローバルAmCharts_path変数を設定することができます。すなわち：

var AmCharts_path = "/libs/amcharts/"; 

P.S./images /ディレクトリへのフルパスを指定する必要はありません。それは、主なamCharts dirの下にあると仮定します。レールとJS Amchartsと協力しながら、

Answer 2

同様の問題は、私に起こりました。

amchartsは、 this.pathToImagesの変数amcharts.jsのパスで設定された画像を探します。

の1-更新はthis.pathToImages="http://cdn.amcharts.com/lib/3/images/"とローカルの画像にその値がもはや必要とされることはありません。周りhttps://docs.amcharts.com/3/javascriptcharts/ChartScrollbar#example

2 - もう一つの仕事は、jQueryのことで、画像のパスを更新することができます。

は、ここでこれを見つけました。例えばあなたができるスクロールバーのイメージのために $("#chart_div > div > div > svg > g:nth-child(12) > g:nth-child(2) > g:nth-child(7) > image").attr('xlink:href', '/path/to/image')

希望に役立ちます。