Questions tagged [echarts]

A commercial charting solution by Baidu, originally intended to address the report need of the company's various business systems.

0
votes
0answers
2 views

Cannot run ECharts Demo locally

After I download the following ECharts demo, and open it in my browser (Safari or Chrome), it keeps showing it is loading, and the demo will never start. How do I make this demo work locally for me? ...
0
votes
0answers
4 views

Changing the color in heatmap in eCharts

Is there any way to change the default colors in a calendar-based heatmap? The default heatmap runs from shades of 'yellow' to 'red', based on the value. I want to change the colors so that the color ...
-1
votes
0answers
12 views

Using ECharts radial tree chart with Flask

I am using Angular 5 and echarts-ngx to make a large radial tree chart like this and it works great locally. I want to be able to zoom and drag the chart, so I set roam: true. Zooming and dragging ...
0
votes
0answers
9 views

Can we add custom dots in echart?

I want few custom points on x-axis of a line graph using echarts. How to achieve the same? http://echarts.baidu.com/
0
votes
0answers
11 views

eCharts dynamically show/hide graph links with legend

I'm using Baidu's eCharts (v4 I THINK), and I'm trying to get the legend to dynamically show/hide specific links. Is this possible? Thanks!
0
votes
0answers
30 views

Echarts4r : Create stacked area chart with percentage from total in tooltip

I need to make stacked area chart using the echarts4r. In spite of great examples on javascript I can't find the solution how to make the area chart stacked using R. Ideally it is also necessary to ...
0
votes
1answer
24 views

Is it possible to make my ECharts line chart more compact?

I'm creating a line chart using ECharts. Does anyone know if it's possible to make it more compact? What I mean by that is reduce the empty spacing around the canvas's contents. Code: document....
0
votes
1answer
26 views

How to change the color of Select Bar in Echart barchart in react

I am using this example of the BarChart in REchart Barchart i want to change to color of select bar on click. I have tried to use the setOptions but it not worked. Please can anyone help to change ...
0
votes
0answers
15 views

echart graph Show duplicate links

I am trying to create a graph consisting of the following nodes and links var graph = { nodes : [{ id: 1, name: 'A' },{ id: 3, name: 'C' },{ id: 4, ...
0
votes
0answers
25 views

Echarts graph zoom

I am using lib echarts and I would like to zoom automatically to one of nodes on page load. Cant find any option/action to do that with type graph and I dont know any other javascript hack to do that. ...
0
votes
0answers
9 views

Echarts axisPointer lags behind mouse in Safari

In my echarts graph, I have the axisPointer enabled on the x-axis. This works fine on Chrome and Firefox. In Safari, the axisPointer line is always a few inches behind my actual mouse. Has anybody ...
0
votes
0answers
36 views

Echarts react, override dataZoom event

Within a line chart with time as X axis, is there is any way to prevent the default datazoom to query new data for the selected time range rather than zooming in? I'm currently using: echarts....
0
votes
0answers
24 views

Make a choropleth map with echarts

I'm trying to build a map with echarts based on this sample : https://ecomfe.github.io/echarts-examples/public/editor.html?c=map-usa Actually, I'm able to visualise my geometry but there is no ...
0
votes
0answers
18 views

Echarts - Rendering Tick Data

Im using echarts by Baidu. Im creating a simple timegraph with line-area. Unfortunally I have to manage four specific seris with tick data. Tick data are array of 0 or 1 (indipendent from the data ...
0
votes
1answer
28 views

Echarts stacked barchart how to deal with data

Using echarts how can I have a horizontal stack bar chart taking in consideration the following scenario, I have groups and group has employees of different categories: freelance, permanent, student......
0
votes
0answers
50 views

How to display line chart on echarts Tooltip

How to display line chart on E-charts in creating mapcomponent.js? I created AreaLinechart.js file so when I click on hover button I want to display AreaLinechart. Currently when I click on hover I'm ...
0
votes
2answers
50 views

Custom Dynamic color for echarts

I am using echarts for my data visualization.... I got the solution for static data from here.. But in my case I have dynamic data and don't know how to make it work. The data items changes from time ...
0
votes
0answers
15 views

Echarts.js: How to programmatically activate brush selection

I have a chart of financial data, e.g. prices of a stock, using the great echarts.js library. I wish the user will be able to select a portion of this chart with the mouse, by clicking and dragging. ...
0
votes
2answers
37 views

Q: Echarts - different background color for different days in the week (time x-axis)

I have a graph with different line series where time is the x-axis. I want to colour the backround per day. Alternating colours for weekdays and a different colour on weekends. Been looking into both ...
0
votes
0answers
37 views

echarts- data zoom should only work for x axis on connected charts

In Connected charts of echarts while datazoom using the tool box , It is zooming both x axis and y axis for all the connected charts. but xaxis should only be connected not the yaxis. have any one ...
-1
votes
2answers
58 views

How to show text as a series on a chart in Javascript?

How would I add a series that is just labels to a chart like the one shown below? I'm happy to use any charting Javascript library, like ECharts, Chartist, Chartjs. Chartjs would be easiest I think. ...
0
votes
0answers
21 views

Keep emphasis on click with echarts graph

I have a graph chart made using echarts. When I hover on the edges, it displays some behavior set on the emphasis option. there is any way i can have this behavior happening when I click one of the ...
0
votes
1answer
72 views

How display tooltip for each point of a line chart using Echarts (JS)

I have a question about the Echarts library https://ecomfe.github.io/echarts-doc/public/en/index.html. I'm using Echarts to draw a line chart from a series of points (x,y) and I want to display the ...
0
votes
0answers
20 views

Echarts-gl Controller

https://ecomfe.github.io/echarts-examples/public/editor.html?c=scatter3d&gl=1&theme=dark This example of 3D scatter from echarts has a controller, with which you can adjust the axis and other ...
0
votes
1answer
99 views

How to make echart x-axis type time to display a time period for one day

I am using echarts and i am having problems when trying to make echarts display a time period of one day on the x-axis. Here is my code this.area = { color: ["#009C95","#21ba45"], title : { ...
0
votes
1answer
16 views

Create line chart using (x,y) coordinates

I have looked through all the documentation but could not find a way to create a line chart by specifying two points. (x1,y1) (x2,y2). Instead of passing only the y values in the data array, I want to ...
2
votes
0answers
44 views

eCharts bar3D one color by step yAxis3D

I try without success to define a single color for each step yAxis3D whatever the value. I took the following example: https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar3d-punch-card&...
0
votes
2answers
28 views

How to make the echarts tooltip scrollable?

I am working on creating the stacked clustered bar chart with echart library. But the data in the tooltip is too much and hence I need to make the tooltip scrollable. How to do it in echarts?.
0
votes
1answer
51 views

How to listen to map zoom with echarts?

I'm using Echarts with Angular to display a map. I want the map to be zoomable (done with roaming: true in the chart options), but also to load a different map when the zoom is strong enough. For ...
0
votes
2answers
31 views

Display bar chart with thumbnails in yAxis instead of label

I am using two charts libraries in my project. ECharts and Google Charts. I want to display bar chart with thumbnails. I need to display log of banners. So i will need chart like below just images ...
2
votes
1answer
55 views

eCharts: How to remove Japanese character in download button when canvas is rendered

I did some research before but dont get any luck, im trying to remove those japanese characters. I looked over all options but no luck so far
0
votes
0answers
34 views

how to draw this chart by echart or any other plugins?

I try to draw this chart by echarts, but I failed because I dont know how to draw the label's line (in red circle two lines merge into one label). You can rely me with echarts code only or other ...
0
votes
0answers
60 views

Dynamic Baidu Echarts

I am trying to do a report for multiple charts using baidu Echarts. The problem now is that the chart number is variable and can be any amount of chart. I am using Spring and MyBatis to get the data ...
0
votes
1answer
75 views

echarts - Define text-anchor for tooltip labels on axes

I'm using echarts to draw a line chart with cross tooltip (using axisPointer type = cross). The problem i'm facing is that tooltip text on y-axis is crossing the axis over to the the chart area (...
0
votes
0answers
21 views

echarts - distinguishing SVG elements of graph

I am initializing my chart using the svg renderer. I am able to find all of the individual components of the graph in separate path elements, but there are no attributes to distinguish them. Is there ...
0
votes
0answers
27 views

How can generate soccer field in json

I would like to generate a soccer field in json format to use in my echart I found an example here with a basket court: https://ecomfe.github.io/echarts-examples/public/editor.html?c=custom-hexbin ...
0
votes
1answer
24 views

(chartInit) is not working properly with Karma/Jasmine testing

I am having weird issues regarding Angular Testing with a component that uses echarts. In my html I have this div: <div class="jmCanvas"> <div id="usersLineChart" echarts [options]="...
0
votes
1answer
58 views

How to get newline after the title in echarts line chart?

I would like to add new line after the title, can anyone help me how to i do that? Here i'm setting options like, option ={ title: 'test content regarding the line chart' } Due to title is long, it ...
2
votes
1answer
52 views

Access HTML with ECharts by HtmlUnit

I accessed an HTML which includes ECharts code by HtmlUnit. The div picstr content is the chart's base64 string. Problem is: this div's content, in the Java output, is different than the HTML output. ...
0
votes
1answer
86 views

ECharts to display key labels on axis

How to display key labels on for example xAxis. Let's say I have time series and would like display segmented label information and make sure certain label would always be shown. Let's say my data is ...
0
votes
0answers
17 views

echarts - data normalization on event

I use echarts to visualize portfolio performance. I want to normilize my data on dataZoom action. This gif better describe my entire goal. As you can see on every time data all graphs starts from 0. ...
0
votes
0answers
9 views

How to add replace new chart with current chart on bar click using echart

i am trying to open child chart on click bar of parent chart. when user click on bar chart of parent at that time parent chart will be hide and child chart will be appear with new data with back ...
1
vote
1answer
24 views

Using ECharts Service with Karma Testing

In my component I have this as the constructor: constructor(private es: NgxEchartsService, private sessionService: SessionService, private sorting: SortingService) { } And, the first line that I ...
1
vote
1answer
69 views

Echarts Events When Finished Rendering

I am working with echarts and I would like to attach an event handler to do some things once my echarts instance has finished rendering but, can't seem to get it figured out. From the docs it seems ...
0
votes
1answer
106 views

SVG image doesn't render in echarts toolbox in Internet Explorer 11

I'm using the baidu echarts charting library to create a toolbox. I'm setting the icon field of a user-defined tool by passing a link to an svg image which looks like this - 'image://<path>'. ...
1
vote
1answer
48 views

echarts (line chart) how to connect when no data

img1: https://i.stack.imgur.com/7EbSU.png img2: https://i.stack.imgur.com/VeB0p.png echarts (line chart) how to connect when no data,I want to img2 demo link: http://echarts.baidu.com/echarts2/doc/...
0
votes
1answer
46 views

Echarts - how to get overlayer series to a precise fit

I'm building a line graph that needs an overlay at a specified point on the x-axis. My current implementation here has an overlay, but I would like it to start and stop at a straight vertical line on ...
0
votes
0answers
19 views

multiple echarts in components using ng-repeat with gridster

I am creating a dashboard in angularjs 1.6.4. An overview of the setup: Echarts to draw the charts. Angular gridster to allow the user to arrange and resize the charts in the dashboard ng-repeat to ...
4
votes
1answer
78 views

Set zero for missing data in echarts.js

I want to combine 2 or more line charts having dates in x-axis and values in y-axis. But the dates for some series do not match. series0X= ["2015-11-21","2017-09-21"]; series1X= ["2017-09-21","...
0
votes
1answer
29 views

Echarts pie drag recalulate not work echarts new version

I can not use the new version (3.x / 4.x) of the drag calculation feature that I use Echarts 2.x pie chart. Does the new version support this feature? Does the calculable option work on newer versions?...