Incubator-echarts: Where can I get echarts installation and demo with typescript?

Created on 13 Dec 2019 · 11Comments · Source: apache/incubator-echarts

Version

4.4.0

Steps to reproduce

What is expected?

Can anyone provide echarts installation and demo created with typescript?

What is actually happening?

I am trying to install echarts typescript version from below link https://www.npmjs.com/package/@types/echarts/v/4.1.5.
(with npm ).
But it is not available in node modules directory.It is present in package.json

en typescript community

Source

Monali-ITT

Most helpful comment

If you use ECharts in TypeScript project, try this:

npm install typings echarts --global
npm install @types/echarts --save

Then import in the files you wish to use ECharts:

import * as echarts from 'echarts';

Here's a Chinese blog post about it: http://zhangwenli.com/blog/2017/08/29/echarts-with-ionic/#%E5%9C%A8-typescript-%E4%B8%AD%E5%BC%95%E5%85%A5-echarts

Ovilia on 16 Dec 2019

👍2 👎1

All 11 comments

Hi! We've received your issue and please be patient to get responded. 🎉
The average response time is expected to be within one day for weekdays.

In the meanwhile, please make sure that you have posted enough image to demo your request. You may also check out the API and chart option to get the answer.

If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to [email protected]. Please attach the issue link if it's a technical questions.

If you are interested in the project, you may also subscribe our mail list.

Have a nice day! 🍵

echarts-bot[bot] on 13 Dec 2019

There is no echarts-TypeScript version. Your link points to type definitions for echarts. If you install these types with npm install --save-dev @types/echarts then you should see "@types/echarts": "^4.4.1", (4.4.1 = current version at the moment) in your package.json and you can see the echart-types within the @types folder of the node modules.
If you search the internet for echarts and TypeScript you will get some good starting points (react, angular, vue...).

ghaefele on 15 Dec 2019

@ghaefele current version is 4.4.2 now, just update 2 days ago.
https://github.com/DefinitelyTyped/DefinitelyTyped/pull/40984

susiwen8 on 15 Dec 2019

If you use ECharts in TypeScript project, try this:

npm install typings echarts --global
npm install @types/echarts --save

Then import in the files you wish to use ECharts:

import * as echarts from 'echarts';

Here's a Chinese blog post about it: http://zhangwenli.com/blog/2017/08/29/echarts-with-ionic/#%E5%9C%A8-typescript-%E4%B8%AD%E5%BC%95%E5%85%A5-echarts

Ovilia on 16 Dec 2019

👍2 👎1

Thank you for reply. Can you please provide working demo of treemap in typescript?

Monali-ITT on 16 Dec 2019

@Monali-ITT JavaScript demo should work fine with ts: https://echarts.apache.org/examples/zh/index.html#chart-type-treemap

Ovilia on 16 Dec 2019

👍1

Thank you

Monali-ITT on 16 Dec 2019

Hint: the typed-install package makes installing js libs that have typescript-definitions easier

tmtron on 16 Dec 2019

@Monali-ITT If this solves your problem. Please close the issue. Thanks.

Ovilia on 16 Dec 2019

Yes.resolved.Thank you.

Monali-ITT on 18 Dec 2019

If you use ECharts in TypeScript project, try this:
npm install typings echarts --global
npm install @types/echarts --save
Then import in the files you wish to use ECharts:
import * as echarts from 'echarts';
Here's a Chinese blog post about it: http://zhangwenli.com/blog/2017/08/29/echarts-with-ionic/#%E5%9C%A8-typescript-%E4%B8%AD%E5%BC%95%E5%85%A5-echarts

This totally defeat the advantage of the typescript. Down voted