Questions tagged [ngx-echarts]
36 questions
0
votes
1 answer
Angular ngx-ECharts - Change color of one specific heatmap cell
As the headline suggests, I am searching for a method to change one specific cell in a echart heatmap. Through a search in the api I found the possibility to change the itemStyle via the setOption() API-method, but it changes the color for all…
M.Mac
- 699
- 3
- 14
0
votes
0 answers
Using the ngx-echarts directives for Angular 15 but chartInit isn't returning the full chart instance, am I doing something wrong?
The ec returned from
example-chart.component.ts
export class ExampleChartComponent {
@Input() chartOptions!: EChartsOption;
initOpts = {
…
Fewster
- 100
- 1
- 1
- 10
0
votes
1 answer
Adding a highlight style to EChart Items?
In this line echart I'd like each symbol (The black dot) to turn white with a blue border when the symbol is hovered over.
This is the configuration for the chart.
data: this.data,
silent: true,
sampling: 'average',
…
Ole
- 41,793
- 59
- 191
- 359
0
votes
0 answers
Does the echarts instance have a type defined for Typescript?
Does echarts provide a type for the echarts instance? I currently have it typed as any:
/**
* The echarts instance.
*/
echartsIntance: any;
Curious if it has an actual type like the options do?
Ole
- 41,793
- 59
- 191
- 359
0
votes
0 answers
Making NgxECharts Chart Responsive?
In this Stackblitz Demo the chart is responsive horizontally. It expands and shrinks with the container.
https://stackblitz.com/edit/stackblitz-starters-qpdp1k?file=src%2Fmain.template.html
Ole
- 41,793
- 59
- 191
- 359
0
votes
0 answers
How to add Class name for each data point in ECharts of bar type
I was trying to e2e test with cypress for my Angular component which implements ngx-echarts of bar type. I was not able to pick any class to get my desired element to click. So I decided to put class in each data point in my bar chart. However, I…
0
votes
1 answer
Changing colors of ngx-echarts charts
How to change the colors of all kind of charts in ngx-echarts?
Ive tried (html):
(ts):
colorScheme = {
domain: [
'#2FDF75',
'#246EB9',
…
Che
- 51
- 7
0
votes
1 answer
In my angular 14.0.6, the ngx-echart is not working in nested child module component
In my application, there is a app.module under that page.module and then dashboard.module.
Whenever i am tring to use ngxechart for component inside dashboard.module its giving error i.e
Can't bind to 'options' since it isn't a known property of…
0
votes
1 answer
Creating the ECharts animated bar chart in Angular 16?
The ECharts animated bar chart works fine on Stackblitz. This is the Stackblitz Angular 16 demo.
When I try the same demo in a local Angular 16 project, it produces the following errors.
Error: src/app/animated-echarts.component.ts:21:55 - error…
Ole
- 41,793
- 59
- 191
- 359
0
votes
0 answers
"Error: yAxis "0" not found" console error for mixed line and Bar graph echarts
I'm getting this console error when I try to add the third axis and give yaxis index to the line graph data.
widgetData: [
{
name: 'AssignmentHours.Hours',
type: 'bar',
data: getChartData(
[20, 40,…
Harrish Selvarajah
- 1,763
- 12
- 11
0
votes
0 answers
ngx-echart not visiblle when placed inside mat-grid-tile
I have a Angular application where mat-grid-list is used as 2:1 grid structure. I have also used Nightingale Chart from ngx-echart. Now when I'm placing chart div into second mat-grid-tile the chart becomes invisible. Below is my code…
Dnyaneshwar
- 101
- 16
0
votes
0 answers
how to place Legend below the Rose Graph in reponsive model in Angular app?
I try to get my "Legend" below the graph data in reponsive mode but I do not know how. I use ngx-echarts - Rose Graph
title: {
text: 'Smer vetra',
},
tooltip: {
trigger: 'item',
…
Matus Vrsansky
- 83
- 1
- 10
0
votes
0 answers
Enabling Treeshaking for ngx-echarts in angular 15
I'm trying to use treeshaking for ngx-echarts in angular 15 standalone component. I followed the docs, but treeshaking doesn't seems to work.
Can anyone help in this.
I have tried both custom build and treeshaking build suggested by the…
santhosh M
- 1
- 1
0
votes
0 answers
Angular- How to customize ngx-echart line-graph?
I was working on a project involving ngx-echarts. I made three mat-cards which acts as categories,they are 0-10, 10-60 and lastly 60+. This is the dataset I am working with
this.data = [
{ segment: '<10 units', value: 30 },
{ segment:…
user18067747
- 19
- 1
- 6
0
votes
0 answers
Having problem with echarts in an Angular using ThemeSubscriptions
i get the following error message:
ERROR TypeError: echarts is undefined
dThemeSubscription knowledge-dashboard.component.ts:132
RxJS 20
setDChart knowledge-dashboard.component.ts:126
ngOnInit knowledge-dashboard.component.ts:36
Angular 22
RxJS…
Qubii
- 1
- 1