我想用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
预期：
我想根据x轴值将单行分成两部分。
例如，当x值大于"2016-8“时，将虚线显示如下
在ECharts visualMap中尝试过，但它仅依赖于y轴值工作。
浏览 35提问于2022-11-10得票数 0
2回答
下面是一个用{echarts4r}制作的来自的情节
library(echarts4r)
library(tibble)
mtcars %>%
rownames_to_column("model") %>%
e_charts(mpg) %>%
e_y_axis(drat) %>%
e_scatter(drat, symbol_size = 15, bind = model, scale = NULL) %>%
e_tooltip(formatter = htmlwidgets::JS("
浏览 3提问于2020-08-10得票数 3
回答已采纳
有没有办法侧向滚动(我的意思是，在x轴上) eCharts图形栏？我有大量的数据需要显示，所以它不能只“适合”浏览器的宽度，因为整个图表将非常难以阅读(每一列都会丢失宽度)。 我的echarts版本：^4.0.4 My chart
浏览 54提问于2019-01-18得票数 1
回答已采纳
我正在使用echarts，我试图将条形图放在每个X轴类别的中心
这是我的图表：
我希望每个条都与X轴标签和类别中心相匹配(就像第三条一样，只有第三条是正确的)
红色方块在X轴上显示额外的空间
我该怎么做呢？对此有什么选择吗？
浏览 0提问于2017-03-12得票数 0
我正在使用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
我正在做一个vue.js项目，我正在使用v-charts插件。我无法为我生成的任何折线图显示图例。我能够生成具有x轴和y轴标签以及图表标题的适当图表。我已经尝试改变了一吨的不同选项的图例。我还单独导入了电子图表的图例组件。 我已经尝试了多种不同的图例格式选项。我已经开始了一个新的项目，没有任何样式，但仍然没有运气。我确信我的options对象中有一些简单的东西，但是我不能理解它。 有没有其他人遇到过这种情况，并找到了解决方案？ 多年来，我一直使用这个网站作为资源，从来没有问过任何问题。我搞不懂这件事。 图表选项栏是在函数中设置的，数据在图表上适当地表示。我只需要能够显示图例。 下面是代码片段
浏览 22提问于2020-08-06得票数 3
1回答
我如何将X轴和蜱隐藏在echarts中？我最近看到的是将颜色设置为页面颜色，但滴答仍然以灰色显示：
xAxis: {
type: 'category',
splitLine:{ show:false },
axisLabel: {
textStyle: {
color: 'white'
}
},
}
浏览 3提问于2022-08-22得票数 0
回答已采纳
我正在使用Apache ECharts创建一个线条图，其中Y轴类型为"value“，X轴类型为"time”。我还在X轴上实现dataZoom，它工作正常。问题是，当我稍微移动一下dataZoom时，就会发生这样的情况：
我的数据由X轴的实际Date对象组成，如下所示：
然后，我对X进行了以下配置。正如您所看到的，我已经在Axis中指定了一个格式化程序来将日期转换为字符串，这也是正确工作的。
最后，我的DataZoom配置只是：
{ dataZoom: [{}] }
我在ECharts官方示例中设置了与其他时间图表相同的配置，但我仍然会收到这个错误。
浏览 4提问于2021-02-19得票数 0
1回答
我正在尝试使用echarts (echarts.apache.org)创建一个人口金字塔图。我找不到这样的例子，也找不到该怎么做。图表的值都应该显示为正。图表示例：
我试过使用反向轴条形图，带有负数，但我找不到一种方法将显示的负数破解成正数。
浏览 25提问于2022-04-03得票数 0
在下面的图片中，
在轴线(x轴)末端显示的日期与在数据缩放结束时显示的日期不同。
必填，
当未应用缩放时，在轴线和数据缩放时，日期应相同。日期应该是按设置传递给图表的数据中的最后一个值。
截图来自echarts的官方网站。
浏览 4提问于2017-12-11得票数 0
1回答
我有一个线型eCharts图，我想填充这条线和y轴之间的区域。默认的区域填充行为是垂直的，图表填充了直线和x轴之间的空间。
我知道我可以在其他图表库中交换轴，但在eCharts中不像一个选项。
下面是我用来设置图表的选项：
const options = {
tooltip: {
show: false
},
grid: {
show: true,
top: 0,
bottom: 40
浏览 4提问于2022-02-03得票数 0
我使用echarts来绘制我的数据。然后我有两个不同时间的数据(X轴)，我想把它们画在一张图上。但我发现echart的数据只能是一个数组，所以这两个数据的值不会像它们的实时值一样绘制正确。所以我的问题是，echart可以使用字典数据吗?它使用时间作为key.Then，两个数据将在正确的时间绘制。
中文:我有两个数据，时间不一致，我想把他们画到一张图里，但是这样在echarts里就会错位，不会显示到正确的时间上，可以使用一个key-value作为echarts的数据吗？这样两个数据就能显示到正确的位置上。
浏览 5提问于2019-08-23得票数 0
2回答
我想知道如何在echarts中只在一个轴上显示标签，就像这个some other radar chart 如果我这样做了： axisLabel: {
show: true
} 将显示来自所有轴的所有标签 或者，是否可以使用极轴RadialAxis和AngleAxis，并显示轴之间的直线而不是圆形直线。如下所示： ?
浏览 56提问于2020-09-30得票数 1
1回答
我在echarts4r中做了一个简单的直方图，但是我很难覆盖默认的x轴标签。例如，在下面的情节，我希望有一个标签在每3，而不是间隔5。
library(echarts4r)
mtcars |>
e_charts() |>
e_histogram(mpg, name = "histogram", breaks =seq(0,36,3))
浏览 8提问于2021-12-16得票数 4
回答已采纳
我正在使用ECharts百度生成图表。我使用龙卷风图表来显示左臂和右臂的力。左臂的力显示在左侧，右臂的力显示在右侧。有没有办法将标签的负值和轴显示为正值？我总是可以隐藏轴值，这样只要解决方案可以使图形显示负标签为正标签，我就会将其标记为解决方案。 https://echarts.baidu.com/echarts2/doc/example/bar5.html#-en var option= {
title: {
},
grid: {
top: '10%',
bottom: '25%
浏览 48提问于2019-02-07得票数 0
1回答
我正在使用echarts创建一个基本图表，在某些日期显示"x“的计数。当我在轴中使用time类型时，echarts“自动完成”间隔中缺少的日期：
因此，我得到了一些空的日期，有任何避免轴这样做吗？
下面是我使用的选项：
{
dataset: {
id: 'mydata',
source: [
{
"date": "2022-07-01T00:00:00Z",
浏览 19提问于2022-08-25得票数 0
我有两个数据集，我想在eCharts画布上显示，作为两个单独的线条图：
季度收入图表，以及
每日股票价格图表。
使用下面的代码，将显示两种线图，但由于数据集具有不同的数组长度，收入线图被压缩到画布的左侧，而股票价格图则被正确地显示为全宽度。此外，x轴之间没有对齐，因为日期范围并不完全重叠(季度数据开始早于价格数据，参见下面的示例)。
第一个包含每日股价的长数据集如下：
var dailyStockprices = [123,124,125, ... etc] // array length 600
var dailyDates = ["2019-01-0
浏览 2提问于2019-05-23得票数 0
回答已采纳
我正在使用echarts，当我试图让echarts在x轴上显示一天的时间段时，我遇到了问题。以下是我的代码
this.area = {
color: ["#009C95","#21ba45"],
title : {
text: 'Fuel History',
textStyle: {
fontFamily: 'lato'
}
},
tooltip : {
trigger: 'axis'
}
浏览 193提问于2018-08-15得票数 2
回答已采纳
2回答
在我的web应用程序中，我有一个echart图表和一个返回 [ { "category": "2019-01-06 21:22:56", "value1": 0.5 }, {
"category": "2019-01-06 21:24:57", "value1": 0.5 }, { "category":
"2019-01-08 22:09:52", "value1": 533 }, { "category": "2019
浏览 17提问于2019-01-10得票数 0
下面是用echarts4r制作的一个情节
library(tibble)
library(echarts4r)
data_test <- tibble(
year = seq(1900, 1920, 1),
variable = seq(200, 400, 10)
)
data_test %>%
e_charts(year) %>%
e_x_axis(year) %>%
e_y_axis(variable) %>%
e_line(variable)
例如，如何将x轴上的值格式化为1900而不是1,900？
我检查了，但没有找到解决方案
浏览 7提问于2020-07-16得票数 2
回答已采纳
echarts:条形图条形图位于类别轴上值的左侧和右侧： ? 如何告诉echarts以类别轴上的值开始条形图？如下所示： ? 为了澄清这个问题，这里有另一个例子。这是每小时降水量总和的图表。每条柱子应该显示从小时的底部到顶部的总和，数据值包含在该小时的每个底部。 ? 如你所见，酒吧不是8:00开始营业，而是7:30开始营业。 数据：(时间戳以CET表示) series: [
{
name: "Niederschlag",
type: "bar",
data: [[1608534000000, 3], [160853760
浏览 87提问于2020-12-20得票数 0
如何更改echart箱形图上的x轴标签？在本例中，绘制了5个数据集，我需要能够为它们提供自己的x轴值/标签。我更习惯于使用chartjs，但他们没有框图。对于这个例子，我需要标签是'PTM 07'，'PTM 08'，'PTM 09'，'PTM 10'，'PTM 11‘ <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>eCHarts</title>
<!--
浏览 306提问于2021-02-01得票数 1
我想对图表上同一X轴的标签应用两种不同的颜色。 我使用的是4.2.1版本的echarts。X轴标签的范围从0到1,000，增量为100。 我想将前六个标签(即0、100、200、300、400、500)设置为红色，然后将其余的标签(即600、700、800、900、1000)设置为蓝色。 在官方文档中，它显示了我们可以通过以下代码为X轴标签指定一种颜色： xAxis: {
name: 'Population',
axisLabel: {
浏览 17提问于2019-05-10得票数 0
我的问题是我有很多不同的数据显示在条形图上，以满足用户的需求。
这就是图表现在的样子。
我想要实现的是，用这种方式缩放x轴，所以0总是在图表的中间。这样的话，当我改变数据的时候，假设正的边最大值是20%，负60%的x轴0不是在图表的右边，而是在它的中间。
我正在检查eCharts文档，但没有找到任何解决方案。有没有一种在不改变系列数据的情况下实现这一目标的方法？
谢谢
浏览 3提问于2022-01-07得票数 0
我正在尝试在我的一个项目中使用echarts，但之前没有使用过echarts。我已经找到了一些不错的退出示例，但我希望在条形图上实现一些额外的功能，比如在单击单个条形图时实现一些回调。我可以看到工具提示here的格式化函数，但找不到单击事件。另外，有没有在x轴上点击标签的事件？我查阅了echarts here的文档，发现了回调事件，但找不到一种方法让它们在条形图上工作。有什么帮助/建议吗?还是我漏掉了什么？
浏览 32提问于2019-06-11得票数 1
1回答
我想在条形图的顶部x轴和底部x轴上显示标签。我试图用两个截然相反的值之间的范围来表示，例如:精力充沛与悠闲。 有人知道如何在echarts中做到这一点吗？理想情况下，它应该类似于下面的内容，但我还没有找到任何东西： option = {
...
xAxis: [{
type: "category",
data-top: ["happy", "energetic", "early-bird"],
data-bottom: ["melancholy", "laid-back&
浏览 25提问于2020-10-10得票数 0
回答已采纳
用百度的echarts库绘制一个系列线，这里有人知道如何删除x轴勾标(线上的小圆圈见下面的截图)吗？
在系列行类型中找不到一个选项
编辑:这里有一个简单的
var myChart = echarts.init(document.getElementById('container'));
myChart.setOption(option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fr
浏览 0提问于2018-10-04得票数 3
回答已采纳
我在R中使用echarts4r包，当我运行下面的代码时，我得到了一个条形图，其中x轴标签(国家名称)被部分隐藏。显示18000的最后一个条子是南非的，但它完全隐藏了。是否有可能在不改变其在图表上的位置的情况下使这些国家的名字可见？
library(echarts4r)
country <- c("Côte d'Ivoire", "Papua New Guinea", "Republic of Venezuela", "The United Kingdom ", "South Africa")
qu
浏览 3提问于2022-07-26得票数 0
我有一个基本的堆叠区域图(用areaStyle设置的线条图)，当用户将鼠标放在一个系列区域上时，需要显示一个工具提示来识别该系列。这是一种基本需求，没有什么特别之处，但我发现在ECharts中几乎不可能做到这一点。
我已经得出结论，只有“轴”工具提示才能工作，因为“项”(数据点)只存在于系列绘制区域的顶部边缘，而不存在于区域本身内，因此不会触发。但是，“轴”工具提示没有任何明显的方法来知道哪个系列正在盘旋。
我试过的是：
考虑到在悬停时，我可以看到ECharts用颜色偏移来突出显示整个系列区域，ECharts必须有一个“当前突出显示的系列”的概念。所以我试过：
监听“突出显示”事件，并设置一个
浏览 1提问于2021-03-18得票数 1
希望使用以下图表，但无法将标题颜色更改为白色，将轴和轴编号更改为灰色(或白色)。这应该放在深色背景之上。有人知道如何用echarts改变标题的颜色吗？ <script type="text/javascript">
// based on prepared DOM, initialize echarts instance
var myChart = echarts.init(document.getElementById('main'));
// specify
浏览 65提问于2019-04-11得票数 0
我正在尝试根据echarts中的y轴添加一个视觉地图。 以他们的一个例子：https://echarts.apache.org/examples/en/editor.html?c=area-pieces 结果如下所示： ? 我想要实现的是： ? 显然在这里，我刚刚将图片旋转了90度。如何在echarts中直接实现这一点(所以不是先保存图片)？
浏览 38提问于2020-10-05得票数 0
回答已采纳
1回答
我尝试在echarts版本4.1.0中编写折线图。我使用的是不同的浏览器，比如Chrome版本69.0.3497.100或Firefox 63.0.1 (64位)。我的问题是，如果我缩放x轴，如果点在焦点之外，连接线就会消失：
这是我在这个例子中的代码：
<html>
<head>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.1.0-release/echarts-en.min.js"&g
浏览 2提问于2018-11-07得票数 6
使用ECharts，我将为它提供一个数据系列，其中包含一些针对实际值的数据。(例如策划股票价格)。
我还启用了数据缩放。
我的问题是生成的X轴标签与dataZoom重叠。我无法从文档中了解如何解决这个问题。
浏览 1提问于2017-06-12得票数 6
我用的是echarts热图。我有一个从0到5的轴值，并且我有一个项目列表，使用标记点在热图上将它们显示为矩形:对于列表中的每个项目，我创建了这个markerPoint： mp=
{
name: item.name,
xAxis: item.xVal,
yAxis: item.yVal,
symbol: 'rect',
symbolSize:40,
large:false,
itemStyle: {
color: 'black', margin:3
},
label:{
show: true,
formatter: item.name,
itemStyle:{c
浏览 17提问于2020-03-12得票数 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
回答已采纳
1回答
有没有一种方法可以使轴标签居中并改变其字体大小。默认情况下，echarts4r将它们放在末尾，如下所示。生成它的代码是： as.data.frame(cars) %>% e_charts(speed) %>% e_bar(dist) %>%
+ e_axis_labels( y = "Distance", x = 'Speed') 图： ?
浏览 23提问于2020-09-30得票数 1
我正在构建一个以日期为x轴的图表，我们使用百度echarts来构建它们。 在10-15天的范围内，我只需通过xAxis.data绘制它们，它就能正常工作。但是当我有一个更大的范围时，比如2-3个月，日期会堆叠在一起，或者太挤了，因为有很多日期。在看了网上的一些想法后，我想把它们组织成如下形式(这些天是按月份分组的，并以8-10天的均匀间隔分开)： 2 12 22 2 12 22 2 12 22
Dec Jan Feb 我知道xAxis.axisLabel.formatter但当我想要
浏览 209提问于2019-02-18得票数 0
回答已采纳
我使用Apache Echarts，在使用类型时有一个问题：'value‘在X轴的情况下工作。 我的代码：You can try here option = {
xAxis: {
type: 'value',
data: [1.12, 2.19, 3.84, 3.47, 5.75, 6.76, 9.141],
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line&#
浏览 273提问于2020-09-28得票数 0
我们可以让用户控制拖动和增加y轴在eCharts中的高度吗？ 我能想到的一个解决方案是让父div可调整大小，并相应地调整图表的高度。 但我想知道eCharts是否有任何直接的选项/属性/方法来做到这一点。 谢谢
浏览 9提问于2021-02-05得票数 0
1回答
如何设置在X轴上显示条形图的位置:第一位置、第二位置等，而不使用"，“(数据：，，,11504)？使用了echarts库，代码功能齐全。请帮我写。如何最大限度地缩短代码。提前感谢！代码来自echarts站点。
<!DOCTYPE html>
<html style="height: 100%">
<head>
<meta charset="utf-8">
</head>
<body style="height: 100%; margin: 0"
浏览 2提问于2018-07-24得票数 0
回答已采纳
1回答
如何在echarts4r包中制作叠加图？
如果我加上第二个y轴-在相同的情节中添加新的系列。
data.frame(x=LETTERS[1:5],y=1:5,
z=6:10)%>%
e_charts(x)%>%
e_line(y)%>%
e_line(z, y.index = 1)
但我需要这样的：
谢谢!
浏览 1提问于2018-04-23得票数 2
回答已采纳
我想从Highcharts切换到ECharts (最好是3)，但我当前的图形有多个系列(在我的例子中是‘线’)，每个系列都有自己的y轴，似乎ECharts不支持这一点。
这些指标完全不相关，因此它们都需要自己的yaxis。我将它们组合在一个图表中，这样就可以比较它们之间的相对关系(500次访问，30000欧元，3%的转换率。等)。在同一个yaxis上绘制500次访问和3%的转换率是没有意义的。
有没有办法让每一行都有自己的yaxis？它不一定是可见的(因为ECharts只能有两个，画布的左/右，这没问题)，但数据需要绘制到一个单独的轴上。
浏览 11提问于2016-04-11得票数 5
2回答
我最近将echarts从4.7.0升级到5.0.0，并注意到现在x轴标签是重叠的。我已经看过文档了，但似乎找不到一个可以解决这个问题的选项。
我的选项配置非常简单：
gridIndex: ndx，类型："time"，splitLine：{ show: true }
非常感谢大家对此的帮助！
浏览 0提问于2021-03-04得票数 0
1回答
是否可以在不指定容器高度的情况下创建ECharts线图--使其响应实际数据。
Y轴中的项目数可能会有所不同。
默认情况下，当我不定义容器的高度时，它将是0，图表是不可见的。
在本例中，Y轴中有6个项目(月)，但是如果我想在同一个容器中显示12个月，而不使条形图窄50%，该怎么办？
浏览 2提问于2016-11-08得票数 3
回答已采纳
我正尝试在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
1回答
我正在创建这样的分组条形图：
library(tidyverse)
library(echarts4r)
data("starwars")
starwars %>%
group_by(sex, eye_color) %>%
summarise(height = mean(height, na.rm=TRUE)) %>%
group_by(sex) %>%
e_charts(x = eye_color, timeline = TRUE) %>%
e_bar(height, legend = FALSE)
我如何
浏览 4提问于2022-10-09得票数 2
回答已采纳
如何在Echarts中绘制类似下面的截图？ ? 使用ECharts，我可以轻松地绘制散点和轴，包括缩放和平移功能。然而，当我需要在scatter上面绘制一个新的图层时，事情变得混乱起来。我试过使用自定义的电子海图系列，但是，它的api和文档很难理解，而且它的缩放功能在多个系列上运行起来很奇怪。
浏览 365提问于2020-01-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
