Questions tagged [echarts]
Apache ECharts is a free open-source charting and data visualization library written in JavaScript. ECharts provides a powerful, interactive charting and data visualization library and framework for web browser, mobile App and backend usage.
973
questions
0
votes
1
answer
24
views
Echarts- Static bands using echarts
I am trying to create a functionality in Apache Echarts called static bands
where I am trying to change the background color of the graph based on the y-axis values.
Something like this
image
So far I ...
0
votes
0
answers
18
views
Create ECharts based on the array length
I am using ECharts to create pie charts and the number of charts to be created depends on the length of the object as this object contains the data of the chart.
This is how my object looks. Pie chart ...
0
votes
0
answers
16
views
eCharts: Expected 0 type arguments, but got 1
I am trying to used eCharts in a Svelte app. I use typescript and I installed eCharts types.
I have:
"@types/echarts": "^4.9.15" and
"echarts": "^5.3.3",
It ...
0
votes
0
answers
13
views
Apache Echart Stacked Bars
I'm trying to make a stacked bar with apache echart, the problem is that i want to stack them by scope vertically and not horizontally... I would like that, each bar represents one scope and the ...
0
votes
0
answers
14
views
How to dispatch action 'toggleSelect' on a sunburst chart instead of a pie chart with echarts?
I want to dispatch the action 'toggleSelect' for my sunburst chart, but it's not working. It works only with pie charts. Is it possible to active the toggle on a sunburst chart programmatically with ...
0
votes
1
answer
19
views
How can i use echarts (treemap) to include onClick listeners?
I want to use an onClick listener on the lowest level of my treemap so that when a node is clicked (without any children), information pertaining to that node is displayed in a Antd drawer/card ...
0
votes
1
answer
38
views
Panel - JSCallback function - Linking stream data to a JSObject in Echarts within a Panel dashboard
The goal is to stream data into panel and show the current temperature in a Gauge.
Panel EChart Gauge
Therefore I am using the callback function for the panel to retrieve a new temperature value and ...
1
vote
0
answers
12
views
Echart : How to have a transparent brush on a darker chart
On Echart, I am using a brush mode to select some area on the chart. The brush selection has a color which is configurable. I would like to know if it's possible to make the brush selection ...
0
votes
0
answers
18
views
Echarts Apache - draggable div
I need to implement the drag function for the echarts.
HTML CODE:
<div class="maindash">
<div class="cardchart" id="barchart" ></div>
<div ...
0
votes
0
answers
28
views
Can we use apache Echarts or D3 charts with Apache Superset?
I am new to this field and currently working on Apache superset. But superset does not provide drill down feature. I want to know can we use Echarts or D3 charts with superset or any type of ...
0
votes
0
answers
21
views
How do I create dynamic Apache EChart?
I am trying to make a line chart that displays dynamic data using Apache Echarts. I have managed to get it going but the problem is that in the X axis, I get the format month/date/year displayed, ...
0
votes
0
answers
11
views
Is it possible to dynamically show the title and legend of an Echart for when the download icon is clicked?
Echart reference
My issue is that we are using custom components for our legend and title but when a user downloads a chart these are missing since they are not in the actual Echart.
Is it possible to ...
1
vote
0
answers
17
views
Sonification using E Charts library
I am working on Sonification using Highcharts library. But I need implementation of Sonification using Apache ECharts library. Can anyone let me know how can I achieve this?
Thanks.
0
votes
1
answer
31
views
E-charts Needle Color
Anyone here can help me how to change the color of a needle in my speedometer chart? I copied this chart in Apache E-charts.
This is the script:
var dom = document.getElementById('performance-...
0
votes
0
answers
11
views
How to exclude certain Series while saving the graph as Image in echarts
I can save the image or get DataURL of my echarts by using getDataURL.
I can exclude certain components by setting them in excludeComponents string array.
I have many series in my charts.
I can ...
0
votes
1
answer
18
views
how do I make all kinds of grids invisible in echart?
There are some horizontal lines in the background and I need remove it. I go to the grid section in the document, but I did not find anything related to this.
1
vote
1
answer
52
views
Dragging vertical markLines in Apache echarts
I want to add several vertical marklines to a line chart and allow users to do horizontal dragging, similar to this Highcharts example.
Setting xAxis.axisPointer is useful in this sense. However, how ...
-1
votes
0
answers
35
views
How to draw Machine Status Summary on chart
I want do show the machine status on chart like below, I have search but not found any closed solution to this. Please suggest me
How to draw below chart in Google Chart, ChartJs, Echart Or any free ...
0
votes
1
answer
51
views
ECHARTS: Tooltip on Line Chart with no Symbols
I'm trying to do something which I would imagine should be very simple. With a standard simple line chart, it draws the line and symbols, and setting the tooltip option will mean whenever you hover ...
0
votes
0
answers
19
views
Can we drag and drop legend or series from one linechart to another in echart?
enter image description here
I using multiple instances of chart. Is there a way to drag legend or series from one chart to another and plot it?
0
votes
1
answer
23
views
Is it possible to make the hover and click effects programmatically on a echarts sunburst (Angular)?
Is it possible to make the hover and click effects programmatically on a echarts sunburst (Angular)? Like, from a custom function in my typescript file, I can apply the sunburst click or hover effect:
...
0
votes
1
answer
44
views
Markpoint symbol echarts
Problem
I use echarts to generates some graphs and I want to add symbols for certain events, I did it for min and max values of my chart however it give a symbol by default I was wondering whether I ...
0
votes
1
answer
29
views
How to do a visual map on the X axis in eCharts?
I'm trying to highlight a specific part in a graph by date. The graph is dates in X axis and value in Y axis. I tried doing like this example but I get the error TypeError: Cannot read properties of ...
0
votes
1
answer
38
views
Change the color of an individual node
is it possible to change an individual node's colour in an eChart treemap? I tried assigning a color property but the color does not change. I've gotten the label to change but i want the overall ...
0
votes
0
answers
9
views
Non-Directional Graph with Echarts
Is there a way to create a non-directional graph with Echarts? I'm trying to follow the example in the documentation:
https://echarts.apache.org/examples/en/editor.html?c=graph-simple
And so far I ...
0
votes
1
answer
34
views
Echarts: How can I show the line curvy instead of straight
I'm trying to achieve show long curves/lines on the line chart between small numbers.
Here is an example of this: echarts example
look at the increasing values, it's looks very straight.
I want it to ...
0
votes
1
answer
26
views
Is there a way to change the formatting of the labels of a time graph in echarts?
I am working with the echarts library and I have to compute data that has timestamps. The library automatically spits out the time as the labels of the time axis, but I would love to change this to ...
0
votes
0
answers
19
views
echarts reduce space between ticks
I have this simple bar chart:
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [
{
...
1
vote
1
answer
22
views
Placing information inside the chart series
I have the chart bellow and I want to add the percentage to the series body. Like I manipulate the image bellow in red.
how Is this possible?
https://codesandbox.io/s/label-line-adjust-forked-09ukre?...
0
votes
0
answers
12
views
How can I create error bars similar to Vega Lite in eCharts
I am trying to create error bars similar to the one in Vega Lite
Vega Lite Error Bar.
I would like to plot Q25, Q50, Q75 versus gender (as the first category) and age as the second.
I tried to ...
0
votes
1
answer
37
views
I'm getting an error when drawing a chart using echarts JS
When I try to draw a graph, I get an error:echarts.min.js:45 Uncaught TypeError: Bind must be called on a function at bind (<anonymous>) at Bd (echarts.min.js:45:130031)
My echarts-init.js:
let ...
0
votes
0
answers
19
views
Filter Chart Based on Dropdown in React
I want to render the chart based on the filter selection in React,Did nt find any link to just explore.
Any help?
0
votes
0
answers
54
views
Add colored points based on a variable in echarts4r
I have a Candlestick plot done in echarts4r with some e_lines. I would like to add points in some candles, coloured based on a variable ("points").
This is the code
library(quantmod)
library(...
0
votes
1
answer
40
views
Is it possible to change e_line opacity in echarts4r?
I would like to change the opacity of the line in my plot made with echarts4r.
This is what I tried to do
library(quantmod)
library(echarts4r)
getSymbols("GS") #Goldman Sachs
GS <- as....
0
votes
2
answers
20
views
Angular asynchrony error when using a method inside a method in a component
I'm trying to create a graph using a library(echarts) and I have what I think is an asyncrony error.
I want to use a method addSpacesToString within the method buildChartConfiguration.
"(property)...
0
votes
0
answers
12
views
Is it possible that filling color by radius use echart?
I need to draw a Sphere Parametric Surface diagram, which is currently implemented using the ECharts component.
see example: Echart Sphere Surface Example
But it seems that VisualMap of echarts can't ...
0
votes
0
answers
28
views
How do I display 2 time series with different x values in ECharts?
I am looking at the examples provided with Echarts and I can't find a way to have 2 time series with different time values on the same chart. The time series both represent measures taken during the ...
0
votes
0
answers
54
views
How to Render Echarts Map with Heatmap in React
I am trying to use Echarts on my React app, but i can't use the map chart integrated with google maps, like this example:
https://echarts.apache.org/examples/en/editor.html?c=map-polygon.
On the docs ...
1
vote
1
answer
44
views
How to change width and height of graphic 'rect' programmatically in Echarts (by implementing onClick event or make it resizable by dragging)
I'm using latest echarts and trying to put a rectangle on the canvas using graphic option.
We can set width and height of type: 'rect' by using Shape.width and Shape.height according to this ...
0
votes
1
answer
22
views
Why the "xAxis.minorSplitLine" doesn't work after setting `xAxis.data` in echarts
If xAxis.data be setted, like:
option = {
xAxis: {
data: [0, 50, 100, 150, 200, 250, 300, 350, 400],
minorSplitLine: {
show: true
},
},
yAxis: {
},
series: [
{
...
0
votes
0
answers
39
views
cant get dynamic data to echart on angular (ngx-admin)
when i call the data anywhere outside the subscribe i get undefined
im working with chartjs and im facing the same probleme too,
could any one explaine to me what im doing wrong
in the componant for ...
0
votes
0
answers
34
views
I cant put echartinstance into data In vue 3
I am using Vue 3 and Echart. The function was that when options were detected to be changed, the chart will update accordingly.
<template>
<div ref="theChart" :style="{ ...
0
votes
0
answers
19
views
How to pass data in x-axis echarts flutter
I have set of timestamps values from api and it's realtime. For every 5000ms i need to change the data in x-axis. I am using type as 'time' to plot timestamp values. How to change the timestamp values ...
0
votes
1
answer
85
views
How to set the legend area in a two-column fashion in Apache Echarts
I want to set the legend area in a two-column fashion in Apache Echarts, how I can achieve this with legend options? I'm not able to find any example related to this.
Sample image (I want a legend ...
0
votes
0
answers
18
views
Echarts: When [large: true] is enabled, the tooltip box will disappear when appenddata is dynamically updated
env
echarts version : 5.3.2
os: win11
issue
When using appenddata to update data, and the data volume exceeds the largethreshold, the tooltip will disappear when updating data, and the MouseMove of ...
2
votes
1
answer
191
views
how do I clear a apache Echart? I need to re-initialize it
I have Stacked Horizontal Bar chart on a single page, and each chart changes based on what the user selects (Drop Down Select). I have an ajax call that retrieves the data, so the data varies and is ...
0
votes
1
answer
27
views
Swarm plot with Echarts
Swarmplots don't seem to exist in Echarts.
But since Echarts can be full of surprises, I was wondering if, somehow, there is a trick to make a swarm plot.
I was thinking of maybe an hidden option, or ...
0
votes
0
answers
51
views
How to specify series data in heatmap chart with gridIndex using eCharts
In my below sample only the first chart (for 'Cars') is populated. How should I
create the input dataset (the 'data' array) so that all three charts (Cars, Boars and Planes) show their
corresponding ...
0
votes
1
answer
54
views
Echarts pie with dataset
I want draw a pie like this, and I want to store data in dataset:
option = {
dataset: {
dimensions: ['a', 'b'],
source: { a: 85, b: 79 }
},
series: [
{
name: 'template',
...
0
votes
0
answers
37
views
Echarts: How to display last label of xAxis?
How to show the last tick label of xAxis?
Screenshot: chart image