#!/usr/bin/env python
# coding: utf-8

# <div style="float:left;margin:0 10px 10px 0" markdown="1">
#     <a href="../../../index.ipynb">
#         <img src="./../../../static/images/epyklogo_whole_small.png">
#     </a>
# </div>

# # DC 
# 
# 
# ## Line Chart
# 
# [here](https://dc-js.github.io/dc.js/)

# In[1]:


from epyk.core.Page import Report

rptObj = Report()

languages = [
  {"name": 'C', 'type': 'code', 'rating': 17.07, 'change': 12.82},
  {"name": 'Java', 'type': 'code', 'rating': 16.28, 'change': 0.28},
  {"name": 'Python', 'type': 'script', 'rating': 9.12, 'change': 1.29},
  {"name": 'C++', 'type': 'code', 'rating': 6.13, 'change': -1.97},
  {"name": 'C#', 'type': 'code', 'rating': 4.29, 'change': 0.3},
  {"name": 'Visual Basic', 'type': 'script', 'rating': 4.18, 'change': -1.01},
  {"name": 'JavaScript', 'type': 'script', 'rating': 2.68, 'change': -0.01},
  {"name": 'PHP', 'type': 'script', 'rating': 2.49, 'change': 0},
  {"name": 'SQL', 'type': 'script', 'rating': 2.09, 'change': -0.47},
  {"name": 'R', 'type': 'script', 'rating': 1.85, 'change': 0.90},
]

c = rptObj.ui.charts.dc.line(languages, y_columns=["rating", 'change'], x_axis='rating')

rptObj.outs.jupyter()


# For more details about this charts and the various options and properties available please refer to the [official website](https://www.chartjs.org/samples/latest/)
# 
# Anything on the website should be available in the Python interface.
# 

# <a href="../charts.ipynb" target="_self">Go back to the Chart Home page</a>
# <hr>
# Do not forget that this is a collaborative framework so do not hesitate to give feedbacks and like the different repository to get more visbility.
# 
# Also any help is more than welcome !