Questions tagged [apache-echarts]
134 questions
0
votes
0 answers
How can i Show multiple markLines on hover in echarts-for-react
With the use of the tooltip formatter function, I can display numerous marklines when the user hovers over them. I set the state that has to be updated to display the marklines in this function, and it works fine. However, when I zoom in, since the…
a909
- 79
- 9
0
votes
0 answers
Customizing echart Horizontal select brush functionality to select single point & range of points in x-axis
We are trying to implement functionality using echarts that allow the user the select a single & range of samples/points on x-axis . which looks something like this.
we started with the Horizontal select feature from the below link, which is…
Raghu
- 11
- 4
0
votes
0 answers
How to plot multiple time series using the Dataset component from Echarts taking data from a relational sql query
I'm looking for your support in order to know how to plot multiple time-series in a line-chart from Echarts. I read the documentation but i couldn't find a proper way to do it. Let me explain it:
I have this simple SQL query (Postgres)
SELECT DAY,…
JoPinc
- 31
- 2
0
votes
0 answers
Apache echart Json Data contains spend in place of value
Hi I am using apache echart so for the i have created the used the example script
option = {
tooltip: {
trigger: 'item'
},
legend: {
top: '5%',
left: 'center'
},
series: [
{
name: 'Access From',
type: 'pie',
…
Anvita Rastogi
- 61
- 6
0
votes
0 answers
How can we make axisline inside gauge chart clickable in apache echarts?
I want to make the colored axis line clickable.I want the colored section to be clickable and hoverable.
In my case:
Expected changes:
The colored section to be clickable and hoverable.
option = {
tooltip: {
formatter: '{a}
{b} : {c}%' …
{b} : {c}%' …
Prakash Khadka
- 153
- 2
- 7
0
votes
1 answer
Is there a way to render funnel as it's supposed to (triangular shape) for the huge value difference between the cells
The funnel chart doesn't render as it's supposed to for the huge value difference between the cells. For example, the topmost cell(head) value being 2000000 and the bottommost cell(neck) value being 500.
Below is the screenshot of the example…
dharak
- 1
- 1
0
votes
1 answer
Apache ECharts logarithmic y-axis do not automatically adjust as well as linear axes. Can the power of the log scale be changed?
Basically, the automatic sizing of the y-axis on Apache ECharts is pretty fantastic on linear y-axis scales. In linear situations the range of the y-axis will be just wider than the data in view. But when I want to use logarithmic scale the data can…
TameAim
- 41
- 5
0
votes
0 answers
Is there a way to import a svg file directly into angular 14+ component?
I'm trying to plot a map graph with apache echarts (https://echarts.apache.org/examples/en/editor.html?c=geo-seatmap-flight) in angular component but I can't find the right way to import my .svg file located in the assets/images/light-seats.svg…
Josu16
- 43
- 4
0
votes
0 answers
Apache ECharts: How do I draw a dashed red line on top of GeoJson map that got 'map' series
Basically, my setup is similar to https://echarts.apache.org/examples/en/editor.html?c=map-usa.
We need to draw dashed line of custom color on one of the borders.
For example, Texas - New Mexico border.
Tried editing the GeoJson file, and add some…
Anatoly Vaitsman
- 1
- 1
0
votes
1 answer
Echart Dragging points with more than 1 graphical element issue
I have created a chart with 3 points. I have added two graphical elements as circle and rectangle (line) for dragging the points.
Circle dragging should apply for all three points in the graph as in the expected behavior screenshot below.
Line…
Rushaid
- 5
- 4
0
votes
0 answers
Apache echarts have charts parallel to eachother
I am trying to have candlestick chart on the left handside and bar chart on the right hand side.
But having difficulty in doing so.
{
title: {
text: '上证指数',
left: 0
},
tooltip: {
trigger: 'axis',
axisPointer: {
type:…
Adeel Tahir
- 187
- 2
- 10
0
votes
1 answer
Set interval in axisTick when use method in echarts
I have 7 days x axis and I need to split it in two different weeks with interval. When I use method for interval it set interval before first bar only. Here is example
[option = {
xAxis: [
{
type: 'category',
data: ['Sat', 'Sun',…
Mykhailo Kramar
- 61
- 2
- 4
0
votes
0 answers
how to use E-Chart disconnect function?
i have grouped different graphs. so that when i zoom one E-charts graph other graphs of same web page was getting zoomed. but now i want to disable the graphs getting grouped.
here is my code
if (checkbox.checked ==…
0
votes
0 answers
ECharts failed in rendering the candlesticks in quasar app
I use echarts for vue library from here and getting both sample setup and data from here.
So my codes are like these:
app.js
import { Quasar } from 'quasar'
import { markRaw } from 'vue'
import RootComponent from 'app/src/App.vue'
import…
Kunto Fullstack
- 405
- 6
- 16
0
votes
1 answer
How to use echarts visualMap to color Line depending on X-Axis Value?
Expected:
I want to divide single line into 2 parts based on x axis value.
Example, when x-value is greater than "2016-8" show dashed line as following
Tried with ECharts visualMap, but it only works depending on y-axis…
Jay Parmar
- 1
- 2