TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Echarts 2.0

133 pointsby ninebrowsover 10 years ago

16 comments

acomjeanover 10 years ago
Looks good. I did some evaluation of javascript graphing packages at my last position (migrating away from flash). We ended up paying for one.<p>This looks great, contains a lot of useful graph types. I like the fact that the charts can be rendered and saved as png images. This is a feature often lacking in a lot of javascript graphing packages. Couldn&#x27;t see if you can pass in the data via ajax (update after rendered), but I&#x27;ll look some more.<p>They claim to have patented one of the features: Our &quot;Drag-Recalculate&quot; feature (patented) <a href="https://ecomfe.github.io/echarts/doc/feature-en.html" rel="nofollow">https:&#x2F;&#x2F;ecomfe.github.io&#x2F;echarts&#x2F;doc&#x2F;feature-en.html</a>
评论 #8846390 未加载
评论 #8846358 未加载
评论 #8845738 未加载
cromwellianover 10 years ago
Back in 2008 I released an open source library (Chronoscope) designed to render very large datasets in real time (See video here <a href="https://www.youtube.com/watch?v=2ScPbu8ga1Q#t=1607" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=2ScPbu8ga1Q#t=1607</a> showing off the display of 1 million+ datapoints) It was written in GWT, ran on the server (server side rendered chart tiles like Google Maps), Android, and Web, had JS exported APIs (through my GWT Exporter library), and microformat support.<p>Doing it back then was somewhat more difficult because Javascript was much slower and the 2D canvas wasn&#x27;t very accelerated. The approach I took was to use a multiresolution &quot;mipmap&quot; like representation of the data. When animating, lower details were chosen, and the system would bound the max number of points to draw that would achieve a given FPS, and choose the detail level dynamically.<p>I also offered a commercially supported version at the time, Timescope, other types of charts. <a href="https://www.youtube.com/watch?v=RLYNHQVIeNg" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=RLYNHQVIeNg</a> as well as a version that had a social sharing system with 2-way synchronization &quot;micropresentations&quot; (<a href="https://www.youtube.com/watch?v=RLYNHQVIeNg" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=RLYNHQVIeNg</a>)<p>Micropresentations allowed you to &quot;script&quot; the chart via a markdown-like&#x2F;Wiki like text annotation in comments. This means when you were debating or responding to some chart, you could move the chart around, add empheral markers, or other call outs, even video, in order to make your point.<p><a href="https://www.youtube.com/watch?v=RLYNHQVIeNg" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=RLYNHQVIeNg</a><p>The old code is <a href="https://code.google.com/p/gwt-chronoscope/" rel="nofollow">https:&#x2F;&#x2F;code.google.com&#x2F;p&#x2F;gwt-chronoscope&#x2F;</a> if anyone is interested.
aw3c2over 10 years ago
Has anyone found an example of &quot;big&quot; dataset with some interactivity? <a href="https://ecomfe.github.io/echarts/doc/example/scatter3.html#-en" rel="nofollow">https:&#x2F;&#x2F;ecomfe.github.io&#x2F;echarts&#x2F;doc&#x2F;example&#x2F;scatter3.html#-...</a> only shows a static image (with mouse over but I am looking for something with selections or filtering).
评论 #8847377 未加载
chrisfarmsover 10 years ago
This looks incredibly comprehensive! ...almost too good to be true, I&#x27;m waiting for the gotcha....<p>Does anyone have any experience to share experimenting with it yet?
评论 #8848215 未加载
awjrover 10 years ago
Being able to manage &#x27;big data&#x27; is quite impressive. Personally I&#x27;m a massive fan of dc.js <a href="http://dc-js.github.io/dc.js/" rel="nofollow">http:&#x2F;&#x2F;dc-js.github.io&#x2F;dc.js&#x2F;</a> as this is this lets the end user play with data.
sideprojectover 10 years ago
ok, so I&#x27;ve done over the years my fair share of using all sorts of JS charting libraries. So far, Highcharts comes at the top.<p>Along the way, I&#x27;ve seen a plenty of new libraries popping up, but none so far, has matched the quality of Highcharts.<p>But this seems... just... too good. Gotta give it a try. I wish I was fluent in Chinese. :)
hippichover 10 years ago
This is one of the best charts library I&#x27;ve seen lately judging from docs&#x2F;examples. Response nicely to change of the size and adding data into already instantiated charts seems super easy!
mortenjorckover 10 years ago
Is Baidu the first major Chinese tech company to start maintaining open source projects on the scale of Google or Facebook?
评论 #8847123 未加载
评论 #8846856 未加载
评论 #8846837 未加载
评论 #8846816 未加载
评论 #8846807 未加载
评论 #8846804 未加载
评论 #8846798 未加载
评论 #8846792 未加载
评论 #8846818 未加载
caoglishover 10 years ago
Chinese who works at English company still can not use this library, because too many Chinese characters to work with others who did not understand Chinese.<p>This library is very good and comprehensive, if this library is really in English, I believe it will become a big thing.
polskibusover 10 years ago
if only most of their documentation and code comments weren&#x27;t written in chinese. It&#x27;s great that they open sourced it - looks really good, but it will be hard for non chinese to grasp the more complex aspects of this library.
评论 #8847921 未加载
crudbugover 10 years ago
Having a separate English &amp; Chinese version of the documentation can surely help.
danopreyover 10 years ago
Just the one Baidu image would suffice ;) Don&#x27;t need one for every site they use it on. Also, I know it&#x27;s not _that_ similar, but the logo still said Docker to me.
nijikoover 10 years ago
It looks great, however it feels a bit sluggish when hovering over points and doing drag operations in the major browsers, few hundred ms of delay.
评论 #8845957 未加载
thatmiddlewayover 10 years ago
Being a programmer and learning Chinese is starting to look like a useful skill. The documentation for this is just another example.
sitnikover 10 years ago
Nice... examples could be in english!
评论 #8855643 未加载
DougHaberover 10 years ago
I had recently been evaluating JavaScript charting packages, and ended up moving forward developing with HighCharts, just a couple days ago. The demos for Echarts are impressive, so when I saw this today I spent a little time trying it out.<p>If you want to use the standalone single JavaScript file, their complete &quot;all&quot; build is 910k. That seems a little large, but their full package includes map data and lots of chart types you probably won&#x27;t use.<p>They do have a tool for making a custom build, but I just got errors when using it. Google translate helped with their documentation, but even when I followed their exact steps it didn&#x27;t work. This isn&#x27;t a big deal though, as a Makefile can be thrown together quickly.<p>I have been working on a site that is heavy on charts, and I decided to switch my pie chart generators to Echarts as a test. I can&#x27;t pinpoint all the reasons, but I felt like it was a little awkward to use, though it didn&#x27;t take long to get through that. The documentation was helpful, but not great, and certain parts of it were not available in English.<p>There were some oddities that confused me at first, though in some ways they make sense. For example, the DOM element that contains the chart must have a CSS height defined, or you get an error. And, the legend seems to require you to provide a redundant array of all the labels that appear in the series. Nothing too bad.<p>I don&#x27;t know if it is just my chart, but the default colors came out awful. I&#x27;m sure that can be changed, so it isn&#x27;t too concerning. I noticed a few other rough edges, for example the save image control saves the exact view into the image file, with the controls included as well.<p>Mobile worked decently in my test, though charts with the legend enabled often resulted in bad overlaps between the legend and the chart.<p>I tried messing with maps a little, and that was my favorite part. It was very smooth and easy to get going with. I have been looking for a good JavaScript map package, and this seems to have some potential. (Anyone have recommendations on choropleth maps in JS?)<p>Overall, I&#x27;m a little scared to move forward with Echarts. Searching online makes it seem difficult to find answers to many problems in English. Also, difficulty in modifying code quickly when the comments are not in a language I understand is also worrisome. Still, I&#x27;d definitely keep my eye on this. Without too much trouble I was able to convert charts to generate with this instead of HighCharts. It is unquestionably the best JavaScript charting library I have seen with this type of license, and I&#x27;m sure it will get even better.<p>I feel like if I moved forward I&#x27;d be spending too much time figuring things out, and so despite really liking the idea of open source charts with no licensing fees, I&#x27;m going to play it safe an stick with HighCharts. I&#x27;d rather pay the fee for a quality product than spend time trying to get all the features I need working. At the same time, I imagine many others out there with different needs may find that Echarts is a very decent option.