2017-12-29 76 views
1

私は何がしなければなりません:JavaScriptを使用してデータを生成し、そのデータに基づいてチャートを作成します(最初の10個の結果について)。JavaScriptを使用してExcelチャートを生成する

データ部分が解決されました。そのデータを使ってチャートを追加するために純粋なJavaScriptを使用する方法がありますか?

+0

http://www.flotcharts.org/ –

+0

あなたが抱えている具体的な問題があります?これまでに試したことを分かち合うことができますか? –

+0

私はExcelのファイルにグラフを追加する必要があります。これまでのコードは試していませんでしたが、私が探していたのはxlsx-chartだけでした。しかし、私は、純粋なJavaScriptを使用する別の方法があるのだろうかと思っていました。 – Alex

答えて

0

あなたはeaslyチャートをchar.js libararyで行うことができます。それはあなたのデータとHTML5のキャンバスを果たし、ここのリンクです:

https://www.npmjs.com/package/chart.js

は、それはあなたが探しているものだと思います。

+0

申し訳ありませんが、今私は尋ねるときにいくつかの詳細を逃したことがわかりました。チャートもExcelファイルに追加する必要があります。 – Alex

3

私はあなたが必要とするものを正確に行うことができるツールを知っていると思います。ここに簡単な例があります。

enter image description here

は、Excelがアドインと呼ばfunfun一世があり、このアドインは、あなたが書いて、あなたが絵に見ることができるように直接ExcelのJavaScriptコードを実行することができます。したがって、JavaScriptを使用してExcelファイルを生成するのではなく、Excelにデータを入力して、それらのデータを使用してグラフを作成するコードを記述するだけです。この例では、HighCharts.jsを使用してこのチャートを作成しました。

通知する必要があることは、shortIOファイルで使用するために構成を書き込む必要があることです。しかし、スプレッドシート上のデータを読み込む領域を定義するだけなので、単純です。この例では、コンフィギュレーションは、あなたはまた、別のオプションを持って、funfun一世はまた、オンラインエディタを持っているコード

{ 
    "data": "=A1:B9" 
} 

は1行だけで、それだけで使用している可能性のある他の遊び場のようなものです。しかし、それはまた、オンラインエディタに組み込まれたシートを持っていることが少し特別です(下の写真に示されているように)また、Funfunオンラインエディタをチェックするために、下のリンクをクリックすることができます。

https://www.funfun.io/1/#/edit/5a4e478f1010eb73fe125cb2

enter image description here

したがって、あなたはまた、オンラインエディタで、あなたのデータを使用してコードをテストすることができます。結果に満足すれば、オンラインエディタのリンクを使用して、すべてのコードとデータをExcelに読み込むことができます。もちろん、最初にFunfunアドインをInsert - OfficeアドインでExcelに追加する必要があります。ここでは、サンプルをExcelに読み込む方法を示すスクリーンショットをいくつか示します。

enter image description here

enter image description here

開示:私はfunfun一世の開発者です

関連する問題