我试图理解类型定义(来自明确类型)和实际模块导入之间的联系。
让我们以库为例。它有不同的“风格”，可以从它的dist文件夹中找到。在npm install echarts之后，它包含例如：
node_modules/echarts/dist/echarts.js
node_modules/echarts/dist/echarts.min.js
node_modules/echarts/dist/echarts-en.js
node_modules/echarts/dist/echarts-en.min.js
...
此外，安装@types/echarts还允许通过以下方式导入
import *
浏览 83提问于2019-08-22得票数 1
回答已采纳
我正在学习在我的项目中使用echarts.js。 我想知道如何使用扩展echarts-gl (用于3D图形)与ES模块。文档非常简洁，我只是个菜鸟。 事实上，我正在尝试将echarts-gl与echarts-for-vue结合使用，有人尝试过吗？ 我的main.js看起来像这样： import Vue from 'vue';
import App from './App.vue';
import { plugin } from 'echarts-for-vue';
import * as echarts from 'echarts/es
浏览 127提问于2021-01-08得票数 1
现在我的项目文件夹名为"App“有四个模块：”电子包“、”电子“、"echarts”、"echarts-gl“。现在我命令"npm“来运行echarts演示，但是index.html并没有像预期的那样显示。--我想有些函数没有起作用，比如"echarts.init“和"myChart.setOption"，因为提示是VSCode的"any”。还是应该是这些模块之间的关系出了问题？
<!DOCTYPE html>
<html>
<head>
<meta charset="ut
浏览 2提问于2020-09-04得票数 0
1回答
我使用的是Vu3打字本。我想把echarts注入到组件中。但是打字稿一直问我我注射的是什么类型的传送带。这就是为什么我使用任何类型的解决方案。但我认为这不是个好办法。你们能告诉我是什么类型的怪胎吗。
插件文件(提供echarts的地方)：
import * as echarts from "echarts";
import { App } from "vue";
export default {
install: (app: App) => {
app.provide("echarts", echarts);
},
};
浏览 8提问于2021-12-16得票数 0
回答已采纳
1回答
按需导入模块组件
、、、、
我在我的项目中使用了lib，并加载了我通过commonjs模块系统预先设置的组件。代码如下所示：
let echart = require('echarts/lib/echarts');
require('echarts/lib/chart/scatter');
require('echarts/lib/component/title');
require('echarts/lib/component/toolbox');
require('echarts/lib/component/tooltip');
requ
浏览 4提问于2018-02-24得票数 2
我正尝试在vue图表中使用我的firestore数据库数据，但它显示错误且未定义
<vx-card title="PLACEMENT ANALYSIS" class="mb-base" >
<div class="mt-5">
<e-charts :options="bar" ref="bar" theme="ovilia-green" auto-resize />
</div>
浏览 17提问于2019-11-10得票数 1
我使用vuejs+Vue-CLI创建了一个项目，并在其中集成了echarts。电子海图在所有浏览器中运行良好，但当我在IE-11版本中打开它时，页面无法加载，并显示以下错误：
对象错误{SyntaxError：“预期')'"，消息：”预期')'"，名称："SyntaxError"，数字：-2146827282，堆栈：“SyntaxError.”，符号()_n.kyufm4c0tec:未定义，符号()_p.kyufm4c0tec:未定义，符号()_q.kyufm4c0tec:未定义，符号()_r.kyufm4c0tec:未定义，符
浏览 0提问于2019-02-05得票数 0
使用此代码：
import ReactEChartsCore from 'echarts-for-react/lib/core';
// Import the echarts core module, which provides the necessary interfaces for using echarts.
import * as echarts from 'echarts/core';
// import components, all suffixed with Component
import {
GridComponent,
Toolt
浏览 6提问于2022-01-13得票数 0
回答已采纳
我想用echarts来缩放时间轴(X轴)和Y axis.But我不知道怎么做，添加什么属性可以缩放X轴和Y轴？
我的意思是，当我的鼠标左键选择X轴的一部分时，我应该放大所选的部分。
您可以使用我的代码来test.Now我的代码：
<!DOCTYPE html>
<html style="height: 100%">
<head>
<meta charset="utf-8">
</head>
<body style="height: 100%; margin: 0&
浏览 8提问于2018-04-20得票数 1
1回答
我在努力找出酒吧重叠的原因。请看下面的图片
这是我的选择。
this.options = {
backgroundColor: echarts.bg,
color: [colors.warningLight, colors.infoLight, colors.dangerLight, colors.successLight, colors.primaryLight],
title: {
text: 'WaitStats',
textStyle: {
color: echarts.textColor,
浏览 5提问于2020-05-06得票数 0
回答已采纳
我正在尝试为echarts库使用vue-echarts包装器。
在尝试实现一个发现的简单示例时，我得到了一个错误("Error: xAxis "0" not found"
任何帮助都是非常感谢的。
下面是我的代码：
<script>
import { use } from "echarts/core";
import { CanvasRenderer } from "echarts/renderers";
import { LineChart } from "echarts/charts";
impo
浏览 0提问于2021-04-06得票数 0
我需要一个Liferay7中的图表工具，然后我的老板推荐使用百度的免费制图库Echarts3，但是Liferay使用Jsp而echarts使用js，那么如何将js导入jsp以及如何在liferay7中设置相关属性？以下是echarts3演示：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ECharts</title>
<!-- including ECharts file -->
<script src="
浏览 27提问于2016-08-24得票数 0
有什么区别？
export * as bar from 'foo'
和
export { default as bar } from 'foo'
在我的具体案例中，我尝试了以下两种方法，它们都有效，并怀疑它们之间的根本区别。
// echarts v5.0.0
export * as ECharts from 'echarts/lib/echarts.js'
export { default as ECharts } from 'echarts/lib/echarts.js'
babel.config.js
module.exp
浏览 1提问于2021-01-05得票数 4
回答已采纳
我用NPM，echarts库这样安装
npm install echarts --save
遵循我在代码中编写的
import * as echarts from 'echarts'
然后我尝试了一个非常简单的例子
const $chart = $('#chart')
let myChart = echarts.init($chart)
const option = {
title: {
text: 'ECharts entry example'
},
tooltip: {},
legend: {
data: [&
浏览 15提问于2017-11-09得票数 1
我用Vue-CLI用vuejs创建了一个项目。我已经将echarts的版本从版本-4.1.0更新到了4.2.0-rc.2版本。在更新它之后，会发生以下错误：
在终端中，它显示错误：
在'echarts/lib/echarts‘中找不到“导出’默认‘(导入为'echarts')。
在访问条形图页面时，它将控制台中的错误显示为：
TypeError:无法指定对象“#”的只读属性“导出”
在更新echarts包之前，以下是我的代码
vue.config.js文件
const path = require('path
浏览 2提问于2018-12-06得票数 0
1回答
我正在开发VueJS和Vue Echarts库，用于创建数据可视化。 以下是Vue Echarts的Polar chart演示： 官方网站：https://ecomfe.github.io/vue-echarts/demo/ GitHub页面：https://github.com/ecomfe/vue-echarts <template>
<v-chart :options="polar"/>
</template>
<style>
/**
* The default size is 600px×400px, for res
浏览 16提问于2020-09-25得票数 0
回答已采纳
我正试图在E图表中添加一个自定义工具箱功能，并得到以下错误：
Uncaught TypeError: Bind must be called on a function
at bind (<anonymous>)
at echarts.js:80214:30
at each (echarts.js:423:24)
at createIconPaths (echarts.js:80158:11)
at DataDiffer.processFeature (echarts.js:80104:11)
at DataDiffer._perfo
浏览 45提问于2022-04-12得票数 1
1回答
我有一个单一的层次结构，并且基于值，我想要基于我地图上的值的渐变。为此，我使用了echarts。他们的例子中给出的解决方案很难实现以获得梯度。我已经使用React JS实现了这一点。下面是我的代码和json -- import React, {useEffect} from 'react';
// import the core library.
import ReactEchartsCore from 'echarts-for-react/lib/core';
import ReactEcharts from "echarts-for-react&#
浏览 67提问于2020-09-01得票数 1
1回答
我刚开始使用朴素，我想要覆盖我的应用程序的主题，使主颜色为橙色。我原来是用vuestic来改变它的，所以我不确定我做错了什么来改变它。这里是我的main.ts文件，我最初使用了vuestic覆盖(注释掉了，以显示它是如何实现的)。我把themeOverride放在哪里？蒂娅！
import { createApp } from "vue";
import App from "./app/App.vue";
import router from "./router";
import { store, key } from "./store&
浏览 7提问于2022-04-01得票数 1
回答已采纳
1回答
我尝试使用电子图表library.when调整页面大小图表不能调整大小我使用自动调整大小属性.I <script src="https://cdn.jsdelivr.net/npm/echarts@4.1.0/dist/echarts.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-echarts@4.0.2"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/
浏览 84提问于2019-10-11得票数 2
我在我的项目中使用echarts Angular版本- ngx-echarts。我想捕捉在折线图上完成的点击事件。chartClick或ngx-echarts库的任何鼠标事件都不适用于折线图，但它们适用于barGraphs。如何使用ngx-echarts在折线图中捕获点击事件 <div echarts [options]="chartOption"
(chartClick)="onChartEvent($event, 'chartClick')">
</div>
onChartEvent(event: any
浏览 37提问于2019-04-24得票数 0
回答已采纳
更新-已修复，请参阅我的评论以获得解决方案的链接。 我无法解决错误"SyntaxError意外令牌‘导出’。我正在使用vue-echarts 6.0.0-beta.5echarts 5.0.2，和nuxt 2.15.4。我已经让echarts v4在nuxt内正常工作，我正在尝试让echarts 5工作，所以我可以升级，因为一些功能真的很好。 如果我已经在一个单独的网页上，我可以导航到这个页面，它可以工作。如果我刷新页面或者使用图表直接转到页面，我会得到这个错误。 这个问题的一个实际例子可以在here中找到。或者，如果转到invalid link并选择导航到主页的链接，图表将出现，直
浏览 41提问于2021-04-09得票数 3
4回答
我试着创建一个不同的颜色条。蓝色，红色，绿色。请帮我写。Line itemStyle: {normal: {color: 'blue','red', 'green'}}，不起作用。
代码来自echarts站点。
<html style="height: 100%">
<head>
<meta charset="utf-8">
</head>
<body style="height: 100
浏览 2提问于2018-03-08得票数 22
回答已采纳
我使用的是Echarts百度仪表图。结果，我得到了满分100分的30分。我要把它改成满分50分的30分。这是我的代码。
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>ECharts</title>
</head>
<body>
<!-- Prepare a Dom with size (width and height) for ECharts -->
<div id="main" style="
浏览 0提问于2015-06-12得票数 0
我是一个新的echarts，我需要将文本设置在甜甜圈图表的中心。我尝试了，谷歌它没有用，我也尝试了它的html，但我不能实现它。请任何人建议我，我该如何解决它。提前谢谢。 在选项中，我在标题中添加了总数，但我需要将其显示在中心位置。 var myChart = echarts.init(document.getElementById('pieChart1'));
var idx = 1;
pieChartOption = {
tooltip: {
trigger: 'item',
formatter: '
浏览 194提问于2020-06-20得票数 1
我使用的是角9以及"ngx-echarts": "5.2.2"和"echarts": "5.0.0"
在为传奇设置icon: 'circle'时，一切都很好，可以接受。上面写着下面的东西。
键入'{图标:字符串；顶部:字符串；左:字符串；方位：“垂直”；}‘不能分配到键入'LegendOption ScrollableLegendOption ScrollableLegendOption\ (LegendOption欧元/ ScrollableLegendOption)[]’。
例如，在中，
浏览 4提问于2021-02-24得票数 6
回答已采纳
在版本3中，您可以直接使用echart本身的函数和事件，覆盖事件的函数，如const updateAxisPointer = function( event )...我不明白在版本4中如何做到这一点。这里有一个到版本4的链接。我试图使用delegateMethod函数，但它显示错误this.chart methodName is not a function。 const updateAxisPointer = function(event) {
console.log('event', event);
};
this.$refs.eChart.deleg
浏览 608提问于2020-04-28得票数 0
1回答
我想根据一个条件将图表类型从e_line更改为e_bar。
我尝试使用一些reactive表达式或if else inside plot，但这两种方法都不起作用。有什么办法解决这个问题吗？
因此，我需要动态更改e_line，我尝试了以下方法：
newChartType <- reactive({
df = switch(
someCondition,
'1' = echarts4r::e_line(ColumnName2),
'2' = echarts4r::e_ba
浏览 1提问于2021-05-06得票数 0
：我正在为ECharts (图表库)构建一个简单的角2指令
详细信息
我在ngAfterViewInit()中创建了图表，这是第一次，当窗口调整大小时，图表确实会调整大小。
然后我点击另一个页面，ngOnDestroy()运行，图表被销毁。
然后单击“回退到图表”页面，重新创建图表，但是，当窗口调整大小时，此时间图表不会调整大小，console.log(chart)返回'undefined'而不是echarts实例。
如何再次获得echarts实例并使其可调整大小？
所有代码
下面是EChartsDirective用于ECharts的所有代码：
import { Direc
浏览 0提问于2017-02-05得票数 3
回答已采纳
有人能帮我实现一个网络工作者吗？
主要守则：
dataset = "dataset" + document.getElementById("dataset").value
const config = {
xAxis: {
type: 'category',
data: Object.keys(window[dataset])
},
yAxis: {
type: 'value'
},
浏览 13提问于2022-08-23得票数 0
回答已采纳
1回答
E图3-二部图
、、、
( 1)是否可以使用ECharts 3创建二部图？
类似于：
( 2)可以在ECharts 3中使用“和弦”图吗？
ECharts 2的示例：
浏览 2提问于2017-10-10得票数 2
回答已采纳
2回答
就像标题上说的。在类星体下我该怎么做？我在论坛上看到过这个。然而，它不起作用：
这是我的quasar.conf.js
build: {
// ...
chainWebpack (cfg) {
cfg.resolve.alias
.set('echarts$', 'echarts/dist/echarts-en.min')
}
// ...
}
我在寻找另一种已经内置于webpack的类星体。
Notes
我用的是vue-echarts
浏览 1提问于2019-08-26得票数 2
我导入了line组件，但它仍然在抱怨。我使用vue cli 3并根据创建了我的项目，但在我的项目中找不到vue.config.js。因此，我手动创建了vue.config.js，并将其放在babel.config.js的同一文件夹中，结果它损坏了我的路由器。
这是我的折线图：
<template>
<v-chart :options="options"/>
</template>
<script>
import ECharts from 'vue-echarts/components/ECharts'
im
浏览 1提问于2018-11-13得票数 2
1回答
我正试着用echarts和vuejs。我发现是我的用例的完美解决方案。在绘制了所有的图表后，我注意到我的web应用程序没有在IE中呈现语法错误(SCRIPT1002:语法错误)。我发现这个错误是由于我正在使用的电子图表库造成的。
在npm页面上，给出了如下配置:对于webpack 1.x：
{
test: /\.js$/,
loader: 'babel',
include: [
- path.join(prjRoot, 'src')
- path.join(prj
浏览 3提问于2020-02-04得票数 0
回答已采纳
2回答
目前，我正在调用API来填充使用echarts制作的条形图中的数据，我使用了以下代码。var mychart = echarts.init(document.getElementById("test")); mychart.showLoading();一旦数据到来，我就隐藏了加载，但在echarts中，我只得到了圆形加载选项，我可以使用竖条来显示echarts中的加载动画吗？
浏览 30提问于2020-08-27得票数 0
1回答
我已经用谷歌搜索了很多次，但是没有运气，所以把它放在这里。 为什么showBackground=true属性在我的typescript+angularjs应用程序中不起作用。我使用的是echarts version 4.1.0。 let data = {
title: {
text: 'ECharts'
},
tooltip: {},
legend: {
data: ['Test']
},
xAxis: {
浏览 222提问于2021-04-16得票数 0
我正在处理角度应用程序，当我打开项目时，它给我的错误如下所示
ERROR NullInjectorError: R3InjectorError(IndexModule)[InjectionToken NGX_ECHARTS_CONFIG -> InjectionToken NGX_ECHARTS_CONFIG -> InjectionToken NGX_ECHARTS_CONFIG -> InjectionToken NGX_ECHARTS_CONFIG]:
NullInjectorError: No provider for InjectionToken NGX_EC
浏览 4提问于2020-09-11得票数 6
回答已采纳
0回答
我正在使用echarts，我想附加一个事件处理程序来做一些事情，一旦我的echarts实例完成了渲染，但似乎无法弄清楚它。
从上看，不管是完成的还是渲染的似乎都可以完成任务，但它并没有像预期的那样工作。
var chart = echarts.init(document.getElementById('chart'))
chart.on('finished', () => {
alert('finished event')
console.log('finished event fired')
})
chart.
浏览 2提问于2018-07-12得票数 2
我想将url http://localhost:8081/static/bar.html嵌入到我的index.html的主div中，所以我写了以下内容：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Awesome echarts</title>
<script src="https://go-echarts.github.io/go-echarts-assets/
浏览 1提问于2020-10-11得票数 0
回答已采纳
我在开始使用以下代码时遇到了一些问题： <html>
<head>
<script src="https://echarts.apache.org/examples/vendors/echarts/echarts.min.js?_v_=1574102238076"></script>
<script src="https://echarts.apache.org/examples/vendors/echarts/map/js/world.js?_v_=1574102238076">&l
浏览 20提问于2019-12-17得票数 0
1回答
在考虑工作流的可视化表达式时，有向图可能是最先想到的解决方案之一。
我的应用程序已经利用了ECharts，所以我也想使用它为我的工作流程生成一个图形。
以下是嵌套定向工作流的基本示例：
ECharts中是否有可用作容器的组件？并链接到/从(类似于上面图像中的red“容器”)？
更新： on ECharts Github以帮助推动这一进程。两个ECharts系列之间的链接对于这个用例也是有用的。
浏览 5提问于2020-07-14得票数 0
回答已采纳
我是编程新手，正在尝试用eCharts制作条形图。我已经制作了一个简单的条形图示例，但现在我想为图表上的条形图做一个粗略的轮廓。这是我的代码。 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.3.0/echart
浏览 15提问于2019-10-11得票数 2
回答已采纳
我正在尝试根据echarts中的y轴添加一个视觉地图。 以他们的一个例子：https://echarts.apache.org/examples/en/editor.html?c=area-pieces 结果如下所示： ? 我想要实现的是： ? 显然在这里，我刚刚将图片旋转了90度。如何在echarts中直接实现这一点(所以不是先保存图片)？
浏览 38提问于2020-10-05得票数 0
回答已采纳
我正在尝试将集成到一个Ionic (4)应用程序中，遵循本指南：
我按如下方式安装了所有模块(我添加了“离子型信息”输出)：
D:\e-charts-debug>ionic info
√ Gathering environment info - done!
Ionic:
ionic (Ionic CLI) : 4.1.1
Ionic Framework : ionic-angular 3.9.2
@ionic/app-scripts : 3.2.0
Cordova:
cordova (Cordova CLI) : 8.0.0
Cordova
浏览 1提问于2018-10-23得票数 4
回答已采纳
我正在使用ECharts 4.0.4 ()在X轴上绘制一些带有时间戳的传感器数据。
我已经尝试使用旧的序列数据和数据集(v4上的新数据)，但“时间”轴类型不能正常工作。对于'category‘，它工作得很好：
var myChart = echarts.init(document.getElementById('main'));
var option = {
legend: {},
tooltip: {
trigger: 'axis',
},
dataset: {
source: {
timestamp:
浏览 4提问于2018-04-11得票数 2
我尝试使用echarts-for-react github.com/hustcc/echarts-for-react，但失败了
浏览 15提问于2016-09-21得票数 0
1回答
我有一个angular项目，其中我使用app.module.ts中的以下代码导入一个模块： @NgModule({
imports: [
...,
NgxEchartsModule.forRoot({
echarts: () => import('echarts')
}),
],
}) 但当我试图将项目构建成无服务器时，我得到了关于上述导入的以下内容，并要求我将其更改为导出功能，以便decarator可以支持它。我该怎么做？我尝试了不同的导出方法，但不起作用。 ERROR in src/app/app.module.ts(107,16):
浏览 24提问于2020-10-18得票数 1
1回答
电子图表图形不会更改颜色
、、、
我正在尝试更改我的eCharts图形的颜色，但更改不适用。
下面是我的代码：
this.option.series.push({
name: 'Real',
type: 'line',
symbol: 'triangle',
symbolSize: 10,
label: {
normal: {
show: true,
position: 'left'
}
},
line
浏览 7提问于2020-02-06得票数 0
回答已采纳
2回答
而不是手动地这样做：
let test1 = echarts.init(document.getElementById('test1'));
let test2 = echarts.init(document.getElementById('test2'));
let test3 = echarts.init(document.getElementById('test3'));
window.onresize = () => {
test1.resize({
height: 400,
width: document.do
浏览 5提问于2022-07-20得票数 -1
回答已采纳
1回答
我想在我的一个项目中使用echarts。当我加载大约1.000.000个数据点时，我的图表变得非常慢。我知道echarts-gl提供了webGL支持，但是我找不到任何关于如何使用它的文档，比如折线图-- 'lineGL‘不起作用。 有谁知道如何在apache echarts中将webGL与折线图结合使用？
浏览 99提问于2021-09-09得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
