echarts
echarts copied to clipboard
Annotation editing support in toolbox
What problem does this feature solve?
Currently there is no easy way for a user to add annotations to a chart. The data can be initialised with labelled points but for my use case, I need my data analysts to be able to highlight a chart area and directly add annotations in a similar way to http://demo.blacklabel.pl/ (see the buttons in the top right: text, rectangle)
What does the proposed API look like?
-
The toolbox would be able to be initialised with addAnnotations: true - this would add buttons in the top right corner similar to http://demo.blacklabel.pl/
-
When annotations are added, an event would be triggered with a payload like this:
{
annotationAdded: { annotationType: 'rectangle', annotationText: 'blah', annotationXMin: 123, annotationXMax: 150, annotationYMin: 100, annotationYMax: 200 },
allAnnotations: [{ annotationType: 'rectangle', annotationText: 'blah', annotationXMin: 123, annotationXMax: 150, annotationYMin: 100, annotationYMax: 200 }]
}
Hi! We've received your issue and please be patient to get responded. 🎉 The average response time is expected to be within one day for weekdays.
In the meanwhile, please make sure that you have posted enough image to demo your request. You may also check out the API and chart option to get the answer.
Have a nice day! 🍵
Yes. We are considering enhance labeling feature with annotation. There shall be much work to do, and it is scheduled in ECharts v5, which we haven't begin with yet.
Looking forward to this feature !
Hi Ovilia,
Do you have an update on when this will be available? Also in general, when is 5.0.0 to be released
@Ovilia Looking forward for annotations feature which will allow users to annotate a chart freely with labels and shapes.
is this feature still in pipeline?
still waiting for this feature in 2021....
https://echarts.apache.org/examples/zh/editor.html?c=scatter-label-align-top Is this what you want? @msbasanth @nouman0320 @yutingli119
@Ovilia The static annotations are good.
Whether chart user can add annotations dynamically for marking/highlighting directly in the chart using tools provided with which we can add annotations. This will be a really good to have feature.
@Ovilia The static annotations are good.
Whether chart user can add annotations dynamically for marking/highlighting directly in the chart using tools provided with which we can add annotations. This will be a really good to have feature.
Agreed. That's what I was looking forward to have...
Currently we don't provide such a toolbox. But it's not so complex to combine the echarts event, setOption update and labelLine features to get something similar.
Here is a example about using these features to interactive with the chart programmatically https://echarts.apache.org/examples/zh/editor.html?c=line-draggable
It's the only missing feature that makes our team hesitant about adopting echarts for our product. It's already a majority of our customers that made it clear that it's a mandatory to have it.
Is there any 3rd extension to support such interactive behavior, i.e. user add annotation and add line. If no, I assume in the future, echarts framework level should make some interactive foundation, so that the 3rd developer can do their own various line based on such foundation/api, just like like highstocks, toolbox can support shape, Fibonacci line, Pitchfork line, Parallel channel line and so on.
Any news about this feature? Maybe echarts could integrate fabric.js to do this
This feature would be awesome! 👀
I find echarts a very nice plotting library. This feature to be a built-in feature will be a great boost in the application I manage
https://echarts.apache.org/examples/zh/editor.html?c=scatter-label-align-top Is this what you want? @msbasanth @nouman0320 @yutingli119
https://codepen.io/VIKAS-KUMAR-the-vuer/pen/LYXWWXz?editors=0010
It would be much appreciated if echarts had annotations feature similar to this: https://www.highcharts.com/docs/advanced-chart-features/annotations-module