Change SVG basic shapes for line chart points
See original GitHub issueHi,
Do you think it could be possible to specify, for each serie of data, a svg basic shape element.
I know I can draw squares with the css property stroke-linecap: square
but it could be really cool to change the line element by circle, polygon or polyline element.
Thanks for your feedbacks
Issue Analytics
- State:
- Created 9 years ago
- Comments:5
Top Results From Across the Web
Basic shapes - SVG: Scalable Vector Graphics - MDN Web Docs
Rectangle · Circle · Ellipse · Line · Polyline · Polygon · Path · MDN.
Read more >How to Make Charts with SVG | CSS-Tricks
Editing SVG by hand is not a perfect solution. With the other basic shapes, including rect , line and polygon we can make...
Read more >4.5 Changing the Appearance of Points - R Graphics Cookbook
You want to change the appearance of the points in a line graph. ... which have separate outline and fill colors (see Recipe...
Read more >Simple styled line chart with customizable markers - Observable
Edit to change graph's styles */ .line {. stroke: steelblue;. stroke-width: 3;. } /* Style the dots by assigning a fill and stroke...
Read more >Change symbol for graph - javascript - Stack Overflow
SVG doesn't have an element type for a triangle - the most basic shapes are rect and circle (there are also paths, polygons,...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Hi Simon
This is now possible in the just released version 0.2.0 using the Chartist events and the Svg module to intercept the drawing process. Here is an example: http://gionkunz.github.io/chartist-js/examples.html#add-peek-cricles-using-the-draw-events
Or this one: http://gionkunz.github.io/chartist-js/examples.html#using-events-to-replace-graphics
I hope this helps for your use case. Cheers Gion
Cool 😃