Skip to main content
Filter by
Sorted by
Tagged with
0 votes
1 answer
37 views

How to get red/green solid candlestick in eCharts graph

I'm trying to get red/green candlesticks in a eCharts graph starting by the example on eCharts site. The starting example it's called "Large Scale Candlestick" that generates random data ...
user27160653's user avatar
0 votes
0 answers
26 views

how to conditionally extend ticksize length in Echarts

I am trying to create a charts multiple bar in echarts, i want when there is jan(01) first month then its ticks extend 2X then normal size means conditionally how i can increase ticksize conditionally ...
Mohit's user avatar
  • 433
-2 votes
0 answers
23 views

How can I integrate and use echarts-gl with Apache ECharts in my project? [closed]

I am getting an error in echarts-gl npm install. How can I resolve the issue? Getting this error: registers.registerChartView is not a function I had installed the package and imported the file and ...
srashti jain's user avatar
-1 votes
1 answer
69 views

How can I use two different data sources for the main chart and dataZoom in Apache ECharts? [closed]

I'm working with Apache ECharts and trying to use two different data sources: one for the main chart and another for the dataZoom preview. Due to the large amount of data, I've reduced the resolution ...
nook24's user avatar
  • 3
2 votes
1 answer
51 views

How to get the first and the last point values in ECHARTS of the visible zone on the screen when it's initialized and on resize

I'm trying to get back the first and the last value in ECHARTS on a graph like this where there's also a zoomable zone I've tryied <script> var chartDom = document.getElementById('main'); var ...
user27160653's user avatar
2 votes
2 answers
134 views

How to get in a candlestick ECHARTS graph candles solid/hollow and how to get the volumns all of a color

I'm trying to making a widget for time and have a view of my favorite stock on the stock market. So after some searching I'm using ECharts that seem the best since now. However the charts in the ...
user27160653's user avatar
0 votes
0 answers
52 views

How to edit or hide (only some) crosshair tooltip for eCharts graphs [closed]

Is there a way in eCharts (JavaScript) for formatting or hiding the small tooltips that appear on the edge (for the crosshair type: tooltip.axisPointer.type cross)? See this image. I'm refering to the ...
user27160653's user avatar
1 vote
1 answer
49 views

In ECHARTS how to start with a hidden serie and then make it visible with custom legend

How start with a hidden serie on graph and then display it with a custom legend button like <div> <input type="button" value="hide show NAME_OF_THE_SERIE" id="...
user20417316's user avatar
0 votes
1 answer
31 views

In ECHARTS how to setOptions for a specific serie (selecting it by name name)

I got some series in a ECHARTS graph. Now talking about the y axis it's like this yAxis: [ { scale: true, splitArea: { show: true, }, }, { scale: true, ...
user20417316's user avatar
-1 votes
1 answer
68 views

Echarts visualMap issue with series-line

I setup a chart with visualMap color, it color only the items not the line. Anyone understand what happens ? Here the project: Echarts sandbox or here: Echarts codepen
efxlab's user avatar
  • 35
-3 votes
1 answer
72 views

echarts graph - zoom in / out buttons

I am using Apache Echarts to display graph, it is very good. However I don't know how to zoom properly to show a node and its connections. I can zoom with the mouse but I am just wondering if + / - ...
Viktor's user avatar
  • 1,475
1 vote
1 answer
53 views

Apache eCharts - stacking/unstacking rearranges bars

I have a set of data that are originally presented as bars grouped by month. I have a button that stacks/unstacks the bars by simply assigning them the same stacking word to stack them or assigning ...
Onychomys's user avatar
  • 1,864
0 votes
0 answers
34 views

ECharts: How to Handle Large Discrepancies in Data Values in a Stacked Bar Chart

I'm having trouble with the scale of my stacked bar chart in ECharts when there's a significant discrepancy between data values. The issue is that the chart doesn't represent the smaller values well ...
ikk1's user avatar
  • 45
1 vote
1 answer
37 views

How to avoid legend overlapping with labels?

I'm using echarts for some small, dashboard-style, charts. What are my options for avoiding situations like this? Notice how the slice label for CityC and the legend for CityB overlap. option = { ...
ss ulrey's user avatar
  • 310
0 votes
1 answer
59 views

How to show tooltip when click markLine in echarts

My requirement is: User could leave comment for the chart and in the chart, it will show a green vertical line if any comments. When user clicks the vertical line, it should open a text box or tooltip ...
kristin lee's user avatar
1 vote
1 answer
40 views

Two animations in the same graphic (ECHARTS)

I tried triggering two animations after clicking a button. The first animation moves the center of the gauge upwards (and this works). The second (which doesn't work) would be to move the pointers ...
neves's user avatar
  • 810
2 votes
1 answer
53 views

ECharts: Candlestick width not increasing on zoom with time xAxis and 'empty' filterMode

Using ECharts, I've noticed that candlesticks don't widen when zooming in with these settings: xAxis type is 'time' dataZoom filterMode is 'empty' Series type is 'candlestick' var option = { xAxis:...
Xavier Patiño's user avatar
0 votes
1 answer
44 views

How to show bars above lines' area of ​style gradient effect in charts?

I need to achieve this result visually speaking So far, i have been able to go this far. Is it possible to make the gradient areaStyle show behind the bars ? var myChart = echarts.init(document....
Caio Sant'Anna's user avatar
0 votes
1 answer
39 views

Is there a way to create an pie chart filled with dots in ECharts?

I would like to create a chart like this in ECharts: So anyone have any ideas? I tried using an example from the ECharts page, but it doesn't seem like my UI. I made a row of dots but cant stretch ...
Hp Lam's user avatar
  • 357
0 votes
0 answers
32 views

Apache ECharts: making plot start from 0 when using slider

I'm trying to use the Apache Echarts. I have 2 functions and when I use the slider, I'd like that the data would be changed so that they start from 0 on the y-axis, just by shifting down. This is a ...
user26618702's user avatar
0 votes
1 answer
22 views

Echarts saveImageAs to download only one chart for connected charts

I have a code similar to the following, and the two charts are connected. But when I download the images, I will get both charts in one image. How do I have the saveImageAs feature to have the same ...
Aven Desta's user avatar
  • 2,353
1 vote
1 answer
55 views

How to Display DataZoomSelect as Disabled but Visible in ECharts Toolbox?

I'm working with an ECharts chart and I want to configure the dataZoom option within the toolbox.feature to be visible but initially disabled. Here is the configuration snippet I am using: toolbox = { ...
Xavier Patiño's user avatar
0 votes
1 answer
42 views

Echarts.js Sankey Diagram Levels not working

In Echarts Sankey, they have an example with levels. However, when I try to run it (only change is vertically, though this doesn't seem to influence), it does not align the nodes by level. <script&...
Berik's user avatar
  • 83
0 votes
1 answer
32 views

ReactJS: Echart page empty

I am trying to draw a simple line chart using echart as per this, however I see empty page. My code looks as below. import React, {useState, useEffect} from 'react'; import * as echarts from 'echarts';...
Kamal Palei's user avatar
  • 2,006
0 votes
1 answer
20 views

Render image while keeping ratio in Echarts label

I have a bar chart that displays operators statistics, and I want to use the logo of each operator as a label. Currently, I have managed to make it display the image, but only with a fixed ratio. ...
Sim's user avatar
  • 87
0 votes
1 answer
55 views

ECharts set grid height to zero

Is it possible to set grid height to zero? See this demo, even if I set grid.height to 0, the chart still shows. The effect I want is to hide the chart, including the line and the axis, but keep ...
Calvin_Z's user avatar
  • 113
1 vote
1 answer
37 views

How to get data by using string template in echarts tooltip?

I want to use string template to get data, but I did't. Here is the official example. enter image description here This is my example,I get An array by using template.I want it is similar width the ...
Oscar's user avatar
  • 15
0 votes
0 answers
34 views

Activate graph after long press react native gesture handler

I am using React Native Echarts, which allows me to use interactive graphs so that the user can press on different data points and tooltips will display the data. The Issue is that I want to activate ...
Rizwan Siddiqui's user avatar
0 votes
1 answer
58 views

How to disable all interaction with specific series in echarts?

I have this chart that has couple of lines that I want to function only as visual guideline, basically just some "background visuals". I don't want to have any interaction with it. I managed ...
somerandomusername's user avatar
0 votes
0 answers
38 views

ECharts: How to fix margin when resize the chart

I put a ECharts chart into a resizable div, and using a ResizeObserver to listen to the container size to change the chart size. My problem is, it seems the chart is resized by ratio. When the chart ...
Calvin_Z's user avatar
  • 113
0 votes
1 answer
73 views

Apache Echarts Change Legend how to add alternative behavior for select

I have a chart where now by default in the legend when you click on an item it disappears in the chart instead of that I want to achieve when you click on the item you see only that item in the chart ...
DMT PYTN's user avatar
0 votes
0 answers
37 views

How to convert Unix timestamp to zonedDateTime in ECharts?

I'm quite new to ECharts. I'm using it with Grafana. The source database is InfluxDB and all the measurements are stored in the format: 1720788623000. I want to make it a readable date for the x-axis ...
Edwin de Boer's user avatar
1 vote
0 answers
37 views

Echarts grid align data label with x axis

This chart works fine for all positive value when yieldGap is above zero, but alignment is not working when there is negative value in yieldGap. Is there any way to align market and airline value with ...
Mitul's user avatar
  • 118
0 votes
1 answer
82 views

Apply emphasis fade & focus to select group of series in apache echarts line chart?

I can't figure out how you would default chart options to group series and allow emphasis on a whole group when one of the series within the group is hovered over. For example, if you have four lines: ...
MKF's user avatar
  • 586
1 vote
0 answers
54 views

apache echarts gauge animation not working properly

Don't know why this is happening but the animation is not being applied to the graph but it is working fine for the details added. Tried updating the echarts version to 5.5.1 but the issue still ...
reed richards's user avatar
0 votes
1 answer
50 views

How can I specify to connect remaining dots (skip null values) in Apache ECharts?

I'm testing Apache ECharts and I was wondering if it's possible to achieve following result. This is my option object option = { legend: { data: ['A', 'B'] }, xAxis: { data: [ '1.2....
PyKKe's user avatar
  • 249
0 votes
1 answer
82 views

How to format labels in echarts in streamlit

I want my echart bar chart data labels rounded to 2 digits. I know there is a formatter function for this: label: { show: true, formatter: function(param) { return param.data....
Luitpold Wienerle's user avatar
0 votes
1 answer
42 views

How to remove colored area between rainbow and the axis on raibow chart

I am trying to create a Bitcoin Rainbow price chart in html and Javascript. I am able to create the chart but there is a filled area under the rainbow (between rainbow and the axis). Following is my ...
Business Logic b's user avatar
0 votes
1 answer
151 views

How to obtain coordinates on click using Apache echarts using 'globe' coordinate system

I am trying to figure out how to obtain the coordinates on mouse click when rendering a 3D globe in Echarts. I am rendering a Lines3D series to designate geographical boundaries and a Scatter3D series ...
EKcharts's user avatar
0 votes
0 answers
121 views

Echarts labels z index is broken when Echarts has too much data per axis

I have a echarts project with multiple series-lines with multiples axis, I use axisPointer interactivity with all xAxisIndex for have emphasis data on all graphs. But the emphasis kill the label axis ...
efxlab's user avatar
  • 35
0 votes
0 answers
102 views

Apache echarts with Blazor: how to set series disabled by default

I'm using Apache ECharts with Blazor, and I want to set a series disabled by default, so that the user has to clicked on the legend entry to show its data in the chart. I found out how to do that in ...
Dave_B.'s user avatar
  • 207
0 votes
1 answer
59 views

Is there a way to have Custom legends to toggle lines in Echarts

I am developing a multi chart layout using echarts library. All the charts have same legends but different dataset. Is there way to make custom legend sections in echarts using which I can handle all ...
Rahul Munjal's user avatar
  • 2,661
1 vote
1 answer
82 views

How can I hide a single series in an echarts legend?

Is it possible to exclude the series "Direct" from the legend in the following example: import * as echarts from 'echarts'; var chartDom = document.getElementById('main'); var myChart = ...
eastclintw00d's user avatar
0 votes
1 answer
41 views

Disable item individually (pieChart - ECHARTS)

I tried to disable an option individually in pieChart (ECHARTS) but it doesn't work, neither with silent nor even within itemStyle, whether normal or with emphasis. I need to disable one (or more) ...
neves's user avatar
  • 810
1 vote
1 answer
113 views

Nested rich (Rich Text - echarts)

I tried using nested rich to align text to the center of a rich: bg section. But, the nesting doesn't work: formatter: function(params) { const nome = params.name; const valor = params.value; ...
neves's user avatar
  • 810
0 votes
1 answer
104 views

How to control legend symbols in Apache ECharts StackChart?

I have React App where I utilize a few StackChart charts created with Apache's echarts library (at version 5.5.0) // package.json { "name": "client", "private": true,...
Felipe Chernicharo's user avatar
0 votes
0 answers
61 views

how to connect mysql database data to echart

I tried create a web based data visualization in farm pond water quality monitoring. So, insert water quality sensor data to MySQL database . This data comes from the sensor to db every 5 minutes. I ...
DusanthaM's user avatar
0 votes
1 answer
292 views

Apache ECharts how to include hovered series in tooltip with trigger axis?

I am rending a numeric line series with multiple boolean custom series on a x time axis. The boolean custom series is rendered in a way where it creates a horizontal swim lane for each boolean series ...
user25560823's user avatar
1 vote
1 answer
75 views

How to change the color of selected item(s) in custom series

Taking the documented example for custom series rendering 'rect' elements, how can I let the color change when an item is selected? The 1st step is of course to add selectedMode: "single", ...
Yann Vo's user avatar
  • 1,875
0 votes
1 answer
45 views

Apache Echarts: is a holistic chart available?

I would like to create a chart like this: I checked the examples: https://echarts.apache.org/examples/en but can't find something simular. Has anyone ever achieved something like this with Echarts? ...
hacking_mike's user avatar
  • 1,133

1
2 3 4 5
29