Questions tagged [ngx-echarts]
36 questions
6
votes
2 answers
"echarts"' has no exported member named 'EChartOption'. Did you mean 'EChartsOption' instead?
I am using Angular 9 along with "ngx-echarts": "5.2.2" and "echarts": "5.0.0"
Everything works fine accept while setting icon: 'circle' for legends. It says below thing.
Type '{ icon: string; top: string; left: string; orient: "vertical";
}' is not…
Jayesh Dhandha
- 1,983
- 28
- 50
5
votes
2 answers
EChart series with different tooltip
I have the following EChart in my Angular application:
var option = {
xAxis: {
type: 'category',
data: ["A", "B", "C", "D", "E"]
},
yAxis: {
type: 'value',
},
tooltip: {
trigger: 'axis',
axisPointer: {
…
mrks
- 5,439
- 11
- 52
- 74
2
votes
1 answer
Using EChartOption to type the options of an Angular 16 NgxECharts Area Chart?
Trying to type the options as EChartsOption instead of any in this stackblitz demo.
And if the switch is made like this:
options!: EChartsOption;
//options!: any;
Then the linting creates this error:
Type '{ normal: { color: string; };…
Ole
- 41,793
- 59
- 191
- 359
1
vote
0 answers
Making the Apache ECharts Draggable Typescript Example Work in Angular?
Trying to make this Apache ECharts Draggable Example work in Angular.
I've converted the event listener and draggable functions over to Angular like this (Stackblitz Link):
import { Component } from '@angular/core';
import { fromEvent, debounceTime…
Ole
- 41,793
- 59
- 191
- 359
1
vote
1 answer
In ngx-echarts, is there a way to configure the legend icon inactive state?
I'm configuring the legend of my scatter chart using ngx-echarts. Instead of a fixed symbol to represent my data series in the legend, I would like to display an icon that represents a checked checkbox when active and an unchecked checkbox when…
GillesG
- 13
- 3
1
vote
2 answers
How can I access properties of an object of type EChartsOption in typescript (angular + echarts)?
I am currently trying to figure out how to access a property of an EChartOptions object, which may be undefined, in angular 16.0.2. I am new to typescript.
npm list:
eapp/src$ npm list
exampleapp@0.0.0…
M.Mac
- 699
- 3
- 14
1
vote
1 answer
Importing Angular ECharts Into a Stackblitz 15.1 project?
Stackblitz is now using a standalone configuration for Angular Projects and when I attempt to initialize the module for Angular ECharts (ngx-echarts) it produces the following error:
Error in src/main.ts (18:5)
Type…
Ole
- 41,793
- 59
- 191
- 359
1
vote
1 answer
Placing a bubble chart on top of a stacked area chart causing missing tooltip/label and unwanted color inheritance
The intention is to create something called a 'fever chart'.
I have successfully displayed both charts, however, the bubble chart points are inheriting the color of each areaStyle attribute of the line series that it appears in and also preventing…
dj10oc
- 11
- 2
1
vote
1 answer
Echarts get current time window
I'm currently working on an Angular project where I have to display some data in a graph.
I'm using echarts for that through it's NGXecharts implementation.
My data comes from a backend app which scans a file system every 5 minutes and counts how…
OlivierC
- 11
- 2
1
vote
1 answer
ngx-echarts update data from API
I encouter problem for updating the data of my ngx-echarts (Angular 10)
ngx-echarts : v6.0
I would like to fetch the data from my api and then update the value into the chart.
Actually, it's working one time, and the other no..
It seems that it's…
Kévin
- 497
- 10
- 37
1
vote
0 answers
Apache Echarts: labels,splitLine disappear in radius axis of polar bar chart
Using
echarts 4.9,
ngx-echarts 4.2.2
The labels, axis lines in radial axis gets disappear some times during zoom. Also the tooltip during hover is showing differently.
Incorrect chart
Correct chart
option values set,
options = {
"color": [
…
Siddharth G
- 179
- 1
- 8
1
vote
1 answer
Draw Circle on EChart
I have the following Apache EChart:
var option = {
series: [
{
name: 'RollPitch',
type: 'gauge',
data: [
{
value: 0,
name: '',
itemStyle: { color:…
mrks
- 5,439
- 11
- 52
- 74
0
votes
0 answers
Resizing ECharts Drag demo breaks dragging?
When the ECharts Draggable demo is resized it breaks dragging.
This is a Stackblitz with the Demo running in Angular.
If it is opened in a new tab by clicking the "Open in New Tab" button, and resized by opening developer tools, the demo also…
Ole
- 41,793
- 59
- 191
- 359
0
votes
0 answers
Adjust Min/Max values of Apache Echarts Axis (X/Y) graphically or on the fly (not programmatically)
I am currently implementing Echarts into my angular project and it is fine so far. However I would like to adjust the Min / Max values for my X-Axis and Y-Axis directly in the chart, graphically and without any additional functions that I need to…
Fuernizeros
- 1
- 1
0
votes
0 answers
ECharts Y Axis Axis Line not rendering?
In this Angular ECharts demo the Y Axis Axis line is not rendering, and I have it configured like this:
axisLine: {
lineStyle: {
type: 'solid',
color: 'black',
width: 4,
},
…
Ole
- 41,793
- 59
- 191
- 359