How to build multiple charts on one chart using Pygal?

Question

I am trying to build multiple rows with two dimensions (so this is actually num_of_time_series x 2 graphs) on the same shape using pygal. For example, suppose the mt data is:

from collections import defaultdict measurement_1=defaultdict(None,[ ("component1", [11.83, 11.35, 0.55]), ("component2", [2.19, 2.42, 0.96]), ("component3", [1.98, 2.17, 0.17])]) measurement_2=defaultdict(None,[ ("component1", [34940.57, 35260.41, 370.45]), ("component2", [1360.67, 1369.58, 2.69]), ("component3", [13355.60, 14790.81, 55.63])]) x_labels=['2016-12-01', '2016-12-02', '2016-12-03'] 

and the graph rendering code is as follows:

 from pygal import graph import pygal def draw(measurement_1, measurement_2 ,x_labels): graph = pygal.Line() graph.x_labels = x_labels for key, value in measurement_1.iteritems(): graph.add(key, value) for key, value in measurement_2.iteritems(): graph.add(key, value, secondary=True) return graph.render_data_uri() 

The current result is as follows .

The problem in the above code is that it is not clear which graph represents dimension 1 and which represents dimension 2. Secondly, I would like to see each component in a different color (or shape).

This graph aims to compare one component with two others, and to see the correlation between dimensions 1 and 2.

Thanks for the help guys!

Answer 1

I figured out how to distinguish the compared component with a dashed line. The code should look like this:

 from pygal import graph import pygal def draw(measurement_1, measurement_2 ,x_labels): graph = pygal.Line() graph.x_labels = x_labels for key, value in measurement_1.iteritems(): ## if "component1": graph.add(key, value, stroke_style={'width': 5, 'dasharray': '3, 6', 'linecap': 'round', 'linejoin': 'round'}) else: ## graph.add(key, value) for key, value in measurement_2.iteritems(): graph.add(key, value, secondary=True) return graph.render_data_uri()