I am going to use baidu echarts in my project, but till now not able to find drill down option in pie, bar and line charts.
Please help me, if anyone know the drill down option.
Simply use an onClick-handler for the chart- and this handler then changes the content of the chart. At least this is what i am using.
chart.on("click", (param) => {
// Magic here
});
But to answer your question: No, it does not have a drill down option for all chart types.
I managed to implement drill down with ajax calls, using the click event on the chart and it's parameters.
With the response you can init the chart and reload the options.
Related
I am new to SwiftCharts so I am still trying to understand how it works. I wanted to draw a cubic line chart, however, to no success.
As far as I understand from this example, the view that would contain the chart should be of class "Chart". However, as you can see from the screenshot, I cannot find such class in the drop-down list.
Could you please tell me how to proceed in order to draw cubic line chart using SwiftCharts?
Thank you very much!
A bit late, but will answer anyway: The view has to be of class ChartBaseView, not chart! Chart is just a wrapper (not a view). Here is a snippet for autolayout: https://gist.github.com/i-schuetz/f6e285eb0c86bb831510
I'm using the new RGraph beta release, and I can't figure out why this pie chart disappears when you click elsewhere on the page. Here is a screen cast of it happening: http://screencast.com/t/zPRhMqnCKk8.
self.pieChart = new RGraph.Pie('pie_'+self.id,progress)
.Set('shadow', true)
.Set('shadow.color', '#aaa')
.Set('labels',[]) // No labels
.Set('centerx', 50)
.Set('center50', Math.round(h/2))
.Set('radius',Math.round(h/2)-5)
.Set('key',labels)
.Set('key.position.gutter.boxed',false)
.Set('key.position.graph.boxed',false)
.Set('key.position.x',w-140)
.Set('key.position.y',5)
.Set('key.color.shape','circle')
.Set('text.size',8)
.Set('text.color','#555')
.Draw();
I have other charts on the page, and none of them do this. Maybe there is a way to disable click event listeners via Set()?
UPDATE
Richard, the author of RGraph, explained the issue perfectly in his comment. After removing RGraph.common.dynamic.js, my issue was resolved. However, if you need to use dynamic features, this solution may not work for you.
Looks like the Pie chart is being removed from the RGraph ObjectRegistry - which is where objects are held so that they can be redrawn when necessary.
If you don't use dynamic feature you could try excluding RGraph.common.dynamic.js and redraws won't happen when the page is clicked.
I've been looking for a javascript library like highcharts or rgraph which contains the ability to add a report filter.
Does anyone know if there is one?
If 'report filtering' = show/hide certain data from the chart. Check this out. i haven't used it myself but looks good: http://code.shutterstock.com/rickshaw/
Also this one looks great too: http://nvd3.org - also powered by the awesome d3.js library
I use JFreeChart in my java application to display charts like this one:
But after creating a report with JasperReports that chart now looks like this:
And that's not all, this is how a chart looks like inside the first PDF report generated with the app:
And this is how it looks when I generate a second report, without changing anything, just generating it again:
This happens again and again, everytime I restart the application. Charts are ok until I create a report. What's happening?
It looks like JasperReports is using a more prosaic BarPainter in it's ChartTheme, probably to accommodate destinations that handle gradients poorly.
This forum thread suggests applying the desired theme directly to the chart. The createLegacyTheme() method "returns a ChartTheme that doesn't apply any changes to the JFreeChart defaults. It, or something similar, might be worth a try:
StandardChartTheme.createLegacyTheme().apply(chart)
I've moved the edits here as an answer:
The theme problem
Thanks to #trashgod I've tried the following line:
ChartFactory.setChartTheme(StandardChartTheme.createJFreeTheme());
If I use this line before creating charts in my application, reports no longer affect the appearance of them. I think it is enough to put this line just once after report creation.
So now I just have one problem: the first report is different from subsequent reports: charts are different, fonts are bolder and not antialiased...
The Problem of the second report
The pdf issue is not caused by jasper reports nor jfreechart. It is a problem of Adobe Reader. This happens when you have more than one instance of Adobe Reader running (for example, when you have two different files opened).
An example of the problem:
Similar issues:
http://forums.adobe.com/message/4192938
http://forums.adobe.com/thread/902298
I'm using
itemclick: function(grid, record, item, index, e)
in my
Ext.create('Ext.grid.Panel', {..
I'm googling almost 2 hours and I find more and more ways to select one thing, or do another.Like for example
console.log(grid.getSelectionModel());
you get something but where I can find all the methods availabale and how to connect one with another to get the effect I want. I just feel lost here and don't know from where to start. I guess it's the ExtJS way to navigate in DOM but is there a place where all the methods are described and what are they used for and after all what's the way to navigate through all this - just smoe standart JavaScript that I've missed or something ExtJS specific ...
Thanks
Leron
Hopefully you found this by now, but the API doc are here. Each of the ExtJS objects are listed under the tab with a gear looking icon. Clicking on one will open a tab for that object with all of its config options, properties and methods.