Questions tagged [apache-echarts]
134 questions
2
votes
1 answer
Formatter AxisLabel Echarts fontWeight dosn't work
I want format Axis Label of my chart with Echarts, formatter date of weekend to be bold, I tried this code but I can't know why it doesn't work:
xAxis: [{
type: 'category',
data: day,
…

Jemna81
- 41
- 4
2
votes
1 answer
react-grid-layout - Failed prop type: Layout property must be an object. Received: [object Array]
I have followed the guide at react-grid-layout and I am still getting this error message.
Here is my layout object:
import React from "react";
import { Responsive, WidthProvider } from "react-grid-layout";
import NewvsReturnVisitors from…

yongchang
- 503
- 6
- 18
2
votes
1 answer
How to hide axis name when axis is hidden echarts
When removing all values from legend, the y-axis is hidden, but the name isn't, how can I hide it as well?
Or maybe stop the x-axis from expanding could help, since the axis label is truncating.

laila
- 379
- 1
- 3
- 10
2
votes
0 answers
Apply step gradient color in echart [gauge-ring]
gauge-ring
What should I write in the color attribute? to make the color similar to the image below
progress: {
itemStyle: {
color: ????
}
},
I tried the following code before, but it seems to have no effect
progress: {
itemStyle: {
…

JustFun2020
- 121
- 2
- 7
2
votes
0 answers
Is it possible to resolve a value to a color using echarts visualMap from the "outside", as api?
For my custom report, I need to use just the Visual Map component from apache echarts library and "synchronize" it with my custom report which does not uses echarts. The problem I face is that I do not know how to resolve values in my custom report…

Sergiu Starciuc
- 532
- 5
- 9
2
votes
1 answer
line color change based on logic in apache echarts
Due to the company policy I can't share any kind of code but I have been struggling with apche echarts. The requirement is I have a line whose color should change at certain points based on logic. I tried achieving using linestyle and piecewise…

vinayak shahdeo
- 1,348
- 2
- 11
- 21
2
votes
0 answers
Apache Echarts & Vue-ECharts - Pie charts animation not working on load
I have a simple doughnut/pie chart that is working fine, but I can not get the default animation, or any animation to work.
I'm using laravel 8, vuejs 2, and echarts / vue-echarts.
This is my vue component in…

Renegade_Mtl
- 430
- 3
- 8
2
votes
1 answer
Apache ECharts: Sankey colors
I have the following chart options in my Angular application for a sankey chart:
this.chartOptions = {
color: ["#922752", "#ff9822", "#4390e1", "#53bcbc"],
tooltip: {
backgroundColor: "#ffffff",
borderWidth: 1,
formatter:…

mrks
- 5,439
- 11
- 52
- 74
1
vote
1 answer
Is it possible to visualize null values with a custom representation?
I am trying to visualize null values in a bar chart and my goal would be to represent nulls with something like an empty transparent bar with a text label. I tried it with the visualmap component but this unfortunately doesn't work.
Here is small…

SpectralOdd
- 11
- 1
1
vote
0 answers
How to programmatically set highlight for a Mark Line in Apache Echarts?
Is there a way to dispatch an action to show highlight for a Mark Line?
In this example, I can dispatch an action to show a tooltip or show highlight for a data point but can't find a way to do the same for mark line.
Setup Echarts options
var…

lepoing
- 46
- 5
1
vote
1 answer
How to remove white outline from label text in Apache E Charts Bar Chart
I have a Bar Chart made with Apache E Charts. For the label values, there is a white outline bordering the text. I have tried adjusting several options to try and get rid of it, but have had no luck. What is the option that would allow me to get rid…

Locke
- 131
- 1
- 10
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
is there a way of having dynamic labels/categories in y axis in echarts?
I'm using echarts to plot some results that are dynamically produced by a third party application.
The data feeding the echart has this…

asimagu
- 11
- 2
1
vote
2 answers
Apache Echart - Heatmap and highlight action on event : how to hightlight data for a specific value of X?
Considering the Apache Echart library and this example : https://echarts.apache.org/examples/en/editor.html?c=heatmap-cartesian
If I add the following code snippet :
myChart.on('click', function (params) {
myChart.dispatchAction({
type:…

M Matthieu
- 359
- 3
- 10