nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Hide and Show Chart base don html buttons

rrp2

<p>[color=rgb(0,0,0);font-family:Verdana, Geneva, Lucida, 'Lucida Grande', Arial, Helvetica, sans-serif;font-size:13px;background-color:rgb(244,244,244);]Hi,[/color]<br />
<br />
[color=rgb(0,0,0);font-family:Verdana, Geneva, Lucida, 'Lucida Grande', Arial, Helvetica, sans-serif;font-size:13px;background-color:rgb(244,244,244);]I am trying to implement a functionality as part of POC for line charts. that is shown in the below attachment when I select my YTD time period I should be able to see YTD chart and when I select 1 Year I should be able to see 1 Year chart like shown in colors in below attachment.[/color]<br />
[color=rgb(0,0,0);font-family:Verdana, Geneva, Lucida, 'Lucida Grande', Arial, Helvetica, sans-serif;font-size:13px;background-color:rgb(244,244,244);]the time periods buttons that i use are of html buttons hard coded.[/color]<br />
<br />
[color=rgb(0,0,0);font-family:Verdana, Geneva, Lucida, 'Lucida Grande', Arial, Helvetica, sans-serif;font-size:13px;background-color:rgb(244,244,244);]Thanks in advance[/color]</p>

Find more posts tagged with

Comments

rrp2

<p>can some one please share their inputs.</p>

kclark

<p>You could use a hidden parameter with a default value of "1" called timespan. Then you could create a query like this one</p><pre class="_prettyXprint">select *from paymentswhere year(paymentdate) >= 2004 andyear(paymentdate) < (2004 + ?)</pre><p>I used 2004 so it would work with the sample db. Then in the dataset parameters UI, link the timespan parameter to your query. Then create your buttons in a text item using a function to redirect back to the report with the correct time span.</p><pre class="_prettyXprint"><html><head><script>function rerun(timespan) { window.location = "http://127.0.0.1:53916/viewer/frameset?__report=C%3A%5CUsers%5Ckclark%5Cworkspace%5CNestedTables%5Cnew_report_74.rptdesign&timespan=" + timespan}</script></head><body><button type="button" onClick="rerun(1);">1 year</button> <button type="button"onClick="rerun(3);">3 year</button> <button type="button"onClick="rerun(5);">5 year</button> </body></html></pre>

rrp2

<p>Hi Clark,</p><p> </p><p>I am confused, can you please post a sample report with the above things you mentioned.I am novice to BIRT.</p>

kclark

<p>I've attached an example, let me know if you have any questions!

</p>

rrp2

<p>Clark,</p><p> </p><p>Thanks for the example.</p><p>Still I was not able to get it.:)</p><p>What do I have to replace with the script below in your example...</p><p> </p><div>function rerun(timespan) {</div><div> window.location = "<a data-ipb='nomediaparse' href='http://127.0.0.1:49520/viewer/frameset?__report=C:\Users\kclark\workspace\ChartTimespan\new_report_76.rptdesign&timespan='>http://127.0.0.1:49520/viewer/frameset?__report=C:\Users\kclark\workspace\ChartTimespan\new_report_76.rptdesign&timespan=</a>" + timespan</div><div>}</div>

kclark

<p>When deployed this URL will need to be the location of the report on the server, something like <a data-ipb='nomediaparse' href='http://localhost:8080/birt/report.rptdesign'>http://localhost:8080/birt/report.rptdesign</a>. For testing purposes if you want to run this in the webviewer from eclipse you'll need the URL eclipse is using. To get it, run the report right click it (not on the chart) and go to properties. You should see the URL then, there are a lot of options already there. You'll only need the portion up to the *.rptdesign. You'll want to replace my URL in the example with this and it should work.</p>

rrp2

<p>Clark, thanks for the reply I am trying to link the charts with the buttons, I don't see any linking on your sample example report.</p><p>And when I click on the time period button i get the error message.</p>

rrp2

<p>Clark,Please find my sample report and please run to see the functionality that i implemented.</p><p>the two charts appear all the time.</p>