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
我正在做一个vue.js项目，我正在使用v-charts插件。我无法为我生成的任何折线图显示图例。我能够生成具有x轴和y轴标签以及图表标题的适当图表。我已经尝试改变了一吨的不同选项的图例。我还单独导入了电子图表的图例组件。 我已经尝试了多种不同的图例格式选项。我已经开始了一个新的项目，没有任何样式，但仍然没有运气。我确信我的options对象中有一些简单的东西，但是我不能理解它。 有没有其他人遇到过这种情况，并找到了解决方案？ 多年来，我一直使用这个网站作为资源，从来没有问过任何问题。我搞不懂这件事。 图表选项栏是在函数中设置的，数据在图表上适当地表示。我只需要能够显示图例。 下面是代码片段
浏览 22提问于2020-08-06得票数 3
我是vue.js新手，尝试使用计算属性，但我得到了错误
--这将导致错误
export default {
name: 'echarts_demo',
data() {
return {
data:[],
raw_data:[]
}
},
computed:{
deal_Data:
this.do_data
},
methods:{
do_data: function (){
.....
}
浏览 1提问于2017-10-28得票数 2
2回答
我有线时间序列图(在ECharts中).我需要保持一个恒定的点数，从左到右移动新的数据。然而，当我使用setOption添加数据时，没有移位，但是每个点只是在y方向上改变其位置。有人能告诉我我做错了什么吗？这个正是我所需要的。我想我有一样的，但它的表现还是不同的。
谢谢
<script src="https://unpkg.com/vue@2.6.12/dist/vue.js"></script>
<script src="https://unpkg.com/echarts@4.9.0/dist/echarts.js"><
浏览 2提问于2020-09-22得票数 0
回答已采纳
我试图理解类型定义(来自明确类型)和实际模块导入之间的联系。
让我们以库为例。它有不同的“风格”，可以从它的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
回答已采纳
我正在尝试使用laravel，但在浏览器中返回错误404
Laravel 5.6.4
我的.env APP_URL APP_URL=
我的组合
{"/js/lib/echarts.js": "/js/lib/echarts.js?id=a24928e50f4d775d9e3e",
"/js/lib/moment.js": "/js/lib/moment.js?id=a3cde5d62118f1b1ac08",
"/js/lib/axios.js": "/js/lib/axios.js?id=1129cee8
浏览 1提问于2018-02-23得票数 2
回答已采纳
现在我的项目文件夹名为"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
我正尝试在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
有什么区别？
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
回答已采纳
我想用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
我正在学习在我的项目中使用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
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
回答已采纳
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回答
我使用的是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回答
我在我的vue.js项目中使用axios来执行HTTP POST，并为vue-echart收集一些变量。我正在试图找出最好的方法来做到这一点，但我遇到了一些障碍。 这是我的dashboard.vue文件中的内容： <script>
import { echartBar, echartPie } from "@/data/echarts";
import { echart1, echart2, echart3 } from "@/data/dashboard1";
export default {
metaInfo: {
title
浏览 17提问于2020-12-03得票数 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
我使用的是角9以及"ngx-echarts": "5.2.2"和"echarts": "5.0.0"
在为传奇设置icon: 'circle'时，一切都很好，可以接受。上面写着下面的东西。
键入'{图标:字符串；顶部:字符串；左:字符串；方位：“垂直”；}‘不能分配到键入'LegendOption ScrollableLegendOption ScrollableLegendOption\ (LegendOption欧元/ ScrollableLegendOption)[]’。
例如，在中，
浏览 4提问于2021-02-24得票数 6
回答已采纳
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
在版本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
我使用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
回答已采纳
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
回答已采纳
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
回答已采纳
我在开始使用以下代码时遇到了一些问题： <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
我正在尝试为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
我是vue.js和neo4j的新手。我尝试使用Vue-ne4j连接器- 。但是在根据read.me文件实现它之后，当我单击connect时，没有发生任何事情，控制台中也没有错误。你能帮帮我吗。我将粘贴下面的代码
vue-新4j版本: 0.4.0Neo4j版本: 1.2.7I在main.js文件中导入vue-no4j
密码-
<template>
<!-- ============ Body content start ============= -->
<div class="main-content">
<br
浏览 0提问于2020-05-13得票数 2
回答已采纳
我用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
我用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
我正试图在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回答
我刚开始使用朴素，我想要覆盖我的应用程序的主题，使主颜色为橙色。我原来是用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回答
电子图表图形不会更改颜色
、、、
我正在尝试更改我的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
回答已采纳
我在我的项目中使用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
回答已采纳
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
我想将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
回答已采纳
我是一个新的echarts，我需要将文本设置在甜甜圈图表的中心。我尝试了，谷歌它没有用，我也尝试了它的html，但我不能实现它。请任何人建议我，我该如何解决它。提前谢谢。 在选项中，我在标题中添加了总数，但我需要将其显示在中心位置。 var myChart = echarts.init(document.getElementById('pieChart1'));
var idx = 1;
pieChartOption = {
tooltip: {
trigger: 'item',
formatter: '
浏览 194提问于2020-06-20得票数 1
我的情书不包括在王国里。我正在使用这个链接的代码。
我使用的是vue2版本和最新版本的nuxt。
<template>
<v-chart class="chart" :option="option" />
</template>
<script>
import { use } from "echarts/core"
import { CanvasRenderer } from "echarts/renderers"
import { PieChart } from "
浏览 4提问于2021-09-29得票数 0
1回答
电子海图云2点击
、、
我用的是word-cloud2 2和echarts：
有没有任何选项可以添加onclick到echarts上的每一个单词上，word-cloud2 2。我的代码在js中，如下所示：
var chart = echarts.init(document.getElementById('main'));
var option = {
tooltip: {},
series: [ {
type: 'wordCloud',
gridSize: 2,
sizeRange: [12, 50],
浏览 4提问于2022-07-23得票数 1
回答已采纳
我正在尝试调整echarts组件以在angular 6仪表板中工作。我已经通过npm将echarts和ngx-echarts添加到项目中。
在该示例中，它们加载一个函数formatUtil = echarts.format。我可以(尝试)通过导入echarts来加载等效库，如下所示：
import { format } from 'echarts';
在我的主课上，我有
formatUtil: new format;
在稍后的代码中，我调用了格式化程序函数来构建工具提示：
tooltip: {
formatter: function (info) {
浏览 4提问于2018-10-27得票数 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.js (v1) ()在图表中将数字转换成土耳其里拉货币。您可以在下面看到我的图表和echarts js代码。
我的图表：
正如您可以看到的例子，数字是无法快速可读的。所以，我想把"49146729.18 TL“转换成"49.146.729,18 TL”。(在土耳其语中，我们使用“。”(点)用于分隔千，使用"，“逗号分隔小数。
以下是我的echarts.js代码：
// based on prepared DOM, initialize echarts instance
var myChart = echarts.init(document
浏览 6提问于2018-11-16得票数 4
回答已采纳
当给定大量序列时，标题区域、图例区域和序列区域会重叠。这是echart中的错误，还是有防止每个区域重叠的选项？我不想重叠..请帮帮我！下面是完整的代码和执行图像。 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ECharts</title>
<!-- <meta name="viewport" content="width=device-width, initial-sca
浏览 46提问于2020-08-18得票数 1
：我正在为ECharts (图表库)构建一个简单的角2指令
详细信息
我在ngAfterViewInit()中创建了图表，这是第一次，当窗口调整大小时，图表确实会调整大小。
然后我点击另一个页面，ngOnDestroy()运行，图表被销毁。
然后单击“回退到图表”页面，重新创建图表，但是，当窗口调整大小时，此时间图表不会调整大小，console.log(chart)返回'undefined'而不是echarts实例。
如何再次获得echarts实例并使其可调整大小？
所有代码
下面是EChartsDirective用于ECharts的所有代码：
import { Direc
浏览 0提问于2017-02-05得票数 3
回答已采纳
1回答
E图3-二部图
、、、
( 1)是否可以使用ECharts 3创建二部图？
类似于：
( 2)可以在ECharts 3中使用“和弦”图吗？
ECharts 2的示例：
浏览 2提问于2017-10-10得票数 2
回答已采纳
有人能帮我实现一个网络工作者吗？
主要守则：
dataset = "dataset" + document.getElementById("dataset").value
const config = {
xAxis: {
type: 'category',
data: Object.keys(window[dataset])
},
yAxis: {
type: 'value'
},
浏览 13提问于2022-08-23得票数 0
回答已采纳
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
我正在使用echarts和react，使用echarts来做出反应。我想调用一个组件，点击图形上的一个点，如何实现这一点，还有什么是传说，我阅读了文档，但无法理解它。
浏览 1提问于2018-10-11得票数 4
回答已采纳
我正在尝试将集成到一个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
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
