質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

Q&A

0回答

1213閲覧

trading-vue.jsプラグインを使用して、チャートを表示したい。

takochan1192

総合スコア100

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

0グッド

0クリップ

投稿2020/08/09 06:54

株価のチャートを表示させるwebサイトを作成したいと思い、
trading-vue-jsのプラグインを利用しようと考えております。

trading-vue-jsインストール方法

Nuxt.jsを使用しており、インストールコマンドは、下記のように入れ、成功しております。
【インストールコマンド】
yarn add trading-vue-js

インストールしたのち、上記サイトに掲載されていたサンプルコードをもとに、
コードを下記のように作成しましたが、"trading-vue-js"をimport する段階で、
下記のようなエラーがでました。

【エラーメッセージ】Could not find a declaration file for module 'trading-vue-js'. 'c:/Users/naoyuki/nuxt-website-project/website-project/node_modules/trading-vue-js/dist/trading-vue.js' implicitly has an 'any' type.
Try npm install @types/trading-vue-js if it exists or add a new declaration (.d.ts) file containing declare module 'trading-vue-js';

nuxt.config.jsのplugin 内に、plugins :[{sorce:'~/plugins/trading-vue-js'}]と入力してみましたが、ダメでした。

どうしたら、使用することができるのか、どなたかご教示いただけませんでしょうか?

Nuxt.js

1<template> 2 <trading-vue :data="this.$data"></trading-vue> 3</template> 4<script lang="ts"> 5import {Component,Vue} from 'nuxt-property-decorator' 6import TradingVue from 'trading-vue-js' 7 8@Component({components:{TradingVue}}) 9export default class extends Vue{ 10 data() { 11 return { 12 ohlcv: [ 13 [ 1551128400000, 33, 37.1, 14, 14, 196 ], 14 [ 1551132000000, 13.7, 30, 6.6, 30, 206 ], 15 [ 1551135600000, 29.9, 33, 21.3, 21.8, 74 ], 16 [ 1551139200000, 21.7, 25.9, 18, 24, 140 ], 17 [ 1551142800000, 24.1, 24.1, 24, 24.1, 29 ], 18 ] 19 } 20 } 21} 22</script>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問