logo

Warning: The forum is now for consultation only. Please use GitHub Discussions to post any questions or comments.


Welcome Guest ! To enable all features please Login or Register.

Notification

Icon
Error
How to change line chart style: solid line to dashed( or dotted) line?
Options
Go to last post Go to first unread
Previous Topic Next Topic
fourfruit  
#1 Posted : Friday, February 3, 2017 9:55:56 AM(UTC)
fourfruit

Rank: Member

Groups: Registered
Joined: 1/18/2017(UTC)
Posts: 11
Taiwan, Province Of China
Location: Maoli

Thanks: 4 times
Dear Sirs,
How to change line chart style: solid line to dashed( or dotted) line?
Would you like to show me the example?
Thank you!
Back to top

Wanna join the discussion?! Login to your Seal Report Forum forum accountor Register a new forum account.
Back to top  
epf  
#2 Posted : Friday, February 3, 2017 5:00:44 PM(UTC)
epf

Rank: Administration

Groups: Administrators
Joined: 12/20/2013(UTC)
Posts: 1,209
Switzerland

Thanks: 14 times
Was thanked: 206 time(s) in 199 post(s)
I assume you want to do it for a NVD3 chart:

Here is the trick (comes from http://stackoverflow.com/questions/32474381/dotted-line-in-nvd3-line-chart)

First select your root view, select "CSS" then insert the following class in "Additional CSS":
Code:
.dashed {stroke-dasharray: 5,5;}


Then select the model view containing the chart, select "NVD3 Chart Configuration", then insert the following script in "Script: Additional options":
Code:
for (var i=0;i<series.length;i++) series[i].classed = 'dashed';


And this is done, as it is quite nice, perhaps we will have a direct option to do this in a future release...
Back to top
thanks 1 user thanked epf for this useful post.
fourfruit on 2/6/2017(UTC)
fourfruit  
#3 Posted : Monday, February 6, 2017 3:21:40 AM(UTC)
fourfruit

Rank: Member

Groups: Registered
Joined: 1/18/2017(UTC)
Posts: 11
Taiwan, Province Of China
Location: Maoli

Thanks: 4 times
Dear Sire epf,
Thank you for helps all the time. I searched the BI tools one month ago. I found the Seal Report was my favorite option. It developed with Microsoft .Net framework. It is easy to practice. However the lack of full user's guide is the gap to do any advanced settings. I wish there will be an advanced user's guide in the future. Thanks.
Back to top
epf  
#4 Posted : Wednesday, February 15, 2017 8:17:50 AM(UTC)
epf

Rank: Administration

Groups: Administrators
Joined: 12/20/2013(UTC)
Posts: 1,209
Switzerland

Thanks: 14 times
Was thanked: 206 time(s) in 199 post(s)
I just noticed that the JavaScript described above will not work for Chrome browser.

You have to use the following code instead:
Code:

series.forEach(function(dataSerie) { dataSerie.classed = 'dashed';});

Edited by user Wednesday, February 15, 2017 8:18:21 AM(UTC)  | Reason: Not specified
Back to top
Users browsing this topic
Guest (3)
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Powered by YAF.NET 2.2.4.11 | YAF.NET © 2003-2024, Yet Another Forum.NET
This page was generated in 0.079 seconds.