Login with:


Or:


Not a member? Sign Up

Forgot Password?

Signup with:


Or:


Already have an account? Log in

MDW WordPress Tutorial Chart

Chapter VI – Chart


Written by Michał Krawczyk ,



Proper data visualization is crucial for receiving audience attention and understanding. Not only researchers can take advantage of this powerful set of charts. Your content will look reliable, and arguments which you provide will underline your point. You can easily change the appearance of the bars, set the color of the margin, etc. Check all the colors you can use from the Material Design for Bootstrap website. Replace the name of the color (e.g. "#efebe9") with the one you prefer in the code below the image.


[chart]
	[labels]January, February, March, May, April[/labels]
		[data label="month" fillColor="#efebe9" strokeColor="#fafafa" hightlightFill="#000" highlightStroke="#230"]73, 34, 64, 54, 67[/data]
		[data label="month" fillColor="#b2dfdb" strokeColor="#fafafa" hightlightFill="#000" highlightStroke="#000"]23, 22, 69, 35, 77[/data]
		[data label="month" fillColor="#ffe082" strokeColor="#fafafa" hightlightFill="#000" highlightStroke="#000"]66, 44, 24, 74, 87[/data]
[/chart]
		

NOTE!

It is recommended to paste the copied code into the "Text" area. Otherwise, the shortcode may not work properly. If you copy the code into "Visual" area, it may contain additional operators, which might break the chart.



Do you want to share?


About author


Michał Krawczyk

Digital Marketing Analyst at MDW with a strong Research and Consulting background, former student of Interfaculty Individual Studies in the humanities at the best university in Poland

Comments 2

Leave a reply

Card image cap

Stay up to date


Subscribe to our newsletter

Rapid change in the world of web development is its inseparable quality. New updates and features are being constantly released, almost every week. Don't forget to be up to date.