1,412
questions
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 ...
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 ...
-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 ...
-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 ...
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 ...
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 ...
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 ...
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="...
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,
...
-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
-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 + / - ...
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 ...
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 ...
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 = {
...
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 ...
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 ...
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:...
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....
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 ...
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 ...
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 ...
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 = {
...
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&...
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';...
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.
...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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:
...
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 ...
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....
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....
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 ...
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 ...
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 ...
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 ...
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 ...
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 = ...
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) ...
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;
...
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,...
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 ...
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 ...
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", ...
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? ...