:)
ON CONTROLLER
meses_chart="['Janeiro', 'Fevereiro', 'Março']" #Change this dynamically
dados_chart="[3.5, 4, 5]" #Change this dynamically
title="Rajjmatthur\"s charts"
stitle="web2py end highchats powered"
dados_map={}
dados_map["dados"]=dados_chart
dados_map["meses"]=meses_chart
dados_map['titulo']=title
dados_map['subtitulo']=stitle
chart="""
<script type="text/javascript">
Highcharts.setOptions({
lang:{
downloadJPEG: "Download em imagem JPG",
downloadPDF: "Download em documento PDF",
downloadPNG: "Download em imagem PNG",
downloadSVG: "Download em vetor SVG",
loading: "Lendo...",
noData: "Sem dados para mostrar",
printChart: "Imprimir Gráfico",
}
});
// Build the chart
$('#chart').highcharts({
chart: {
type: 'column'
},
title: {
text: '%(titulo)s'
},
subtitle: {
text: '%(subtitulo)s'
},
xAxis: {
categories: %(meses)s,
crosshair: true
},
yAxis: {
min: 0,
title: {
text: 'Variação de Preços(R$)'
}
},
tooltip: {
headerFormat: '<span
style="font-size:10px">{point.key}</span><table>',
pointFormat: '<tr><td style="color:{series.color};padding:0">{
series.name}: </td>' +
'<td style="padding:0"><b>R$ {point.y:.1f} </b></td></tr>',
footerFormat: '</table>',
shared: true,
useHTML: true
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
}
},
credits:{enabled:false},
series: [{
name: 'Produto: Batata',
data: %(dados)s
}]
});
</script>
""" %dados_map
return dict(chart=XML(chart))
ON VIEW
{{extend 'layout.html'}}
<script src="{{=URL("static", "js", args="highcharts.js")}}"
type="text/javascript"></script> {{#using URL helper}}
<script src="{{=URL("static", "js", args="exporting.js")}}"
type="text/javascript"></script> {{#using default declaration}}
<div id="chart"></div>
{{=chart}}
2016-02-23 8:41 GMT-03:00 <rajjmatt...@gmail.com>:
> Junior, do you have an example of bar chart using this?
>
> On Friday, February 19, 2016 at 11:18:10 AM UTC-5, Junior Phanter wrote:
>>
>> This is the advantagem of the highchart over Google Charts. You can use
>> him in local server (offline).
>>
>> Happy in help.
>> Sorry my bad englhis. ;)
>>
>> 2016-02-19 11:21 GMT-03:00 Ron Chatterjee <achatte...@gmail.com>:
>>
>>> For a moment I thought they are downloading directly from the page. I
>>> didn't notice. Thank you.
>>>
>>> On Thursday, February 18, 2016 at 10:22:57 PM UTC-5, Junior Phanter
>>> wrote:
>>>>
>>>> Download the developer's site the highcharts.js and exporting.js file
>>>> and place the js folder of the your application. (I put in Attached w2p
>>>> example)
>>>>
>>>> replace YOUR_APP by the name of the your aplication (e.g. chart)
>>>>
>>>> <script src="/YOUR_APP/static/js/highcharts.js"
>>>> type="text/javascript"></script><script
>>>> src="/YOUR_APP/static/js/exporting.js" type="text/javascript"></script>
>>>>
>>>>
>>>> you can do
>>>>
>>>>
>>>> <script src="{{=URL("static", "js", args="highcharts.js")}}"
>>>> type="text/javascript"></script><script
>>>> src="/YOUR_APP/static/js/exporting.js" type="text/javascript"></script>
>>>>
>>>> see changes:
>>>>
>>>>
>>>>
>>>>
>>>>
>>>> Attached is w2p example
>>>>
>>>>
>>>>
>>>> 2016-02-18 22:40 GMT-03:00 Ron Chatterjee <achatte...@gmail.com>:
>>>>
>>>>>
>>>>> I stumbled into this post and I also got a blank screen. Attached is
>>>>> my w2p. This is a same replication of the example you posted. Am I missing
>>>>> something?
>>>>>
>>>>>
>>>>>
>>>>> On Wednesday, February 17, 2016 at 8:27:15 AM UTC-5, Carlos Cesar
>>>>> Caballero wrote:
>>>>>
>>>>>> Highcharts is very good. I am using right now c3.js (http://c3js.org/)
>>>>>> a good MIT licence option.
>>>>>>
>>>>>> Greetings.
>>>>>>
>>>>>> El 16/02/16 a las 12:54, Junior Phanter escribió:
>>>>>>
>>>>>> Use highcharts
>>>>>> http://www.highcharts.com
>>>>>>
>>>>>> Example:
>>>>>>
>>>>>> *ON CONTROLLER*
>>>>>>
>>>>>> def chart():
>>>>>>
>>>>>> dados_chart="[{name: 'Batata', y: 12},{name: 'Tomate', y:
>>>>>> 8},{name: 'Mamão', y: 12}]" #Change this dynamically
>>>>>>
>>>>>> dados_map={}
>>>>>> dados_map["dados"]=dados_chart
>>>>>>
>>>>>> chart="""
>>>>>> <script type="text/javascript">
>>>>>> Highcharts.setOptions({
>>>>>> lang:{
>>>>>> downloadJPEG: "Download em imagem JPG",
>>>>>> downloadPDF: "Download em documento PDF",
>>>>>> downloadPNG: "Download em imagem PNG",
>>>>>> downloadSVG: "Download em vetor SVG",
>>>>>> loading: "Lendo...",
>>>>>> noData: "Sem dados para mostrar",
>>>>>> printChart: "Imprimir Gráfico",
>>>>>> }
>>>>>> });
>>>>>>
>>>>>> // Build the chart
>>>>>> $('#chart').highcharts({
>>>>>> chart: {
>>>>>> plotBackgroundColor: null,
>>>>>> plotBorderWidth: null,
>>>>>> plotShadow: false,
>>>>>> type: 'pie'
>>>>>> },
>>>>>> title: {
>>>>>> text: 'Meu Gráfico'
>>>>>> },
>>>>>> tooltip: {
>>>>>> pointFormat: '{series.name}:
>>>>>> <b>{point.percentage:.1f}%%</b>'
>>>>>> },
>>>>>> plotOptions: {
>>>>>> pie: {
>>>>>> allowPointSelect: true,
>>>>>> cursor: 'pointer',
>>>>>> dataLabels: {
>>>>>> enabled: false
>>>>>> },
>>>>>> showInLegend: true
>>>>>> }
>>>>>> },
>>>>>> credits:{enabled:false},
>>>>>> series: [{
>>>>>> name: 'Vendar por porcentagem',
>>>>>> colorByPoint: true,
>>>>>> data: %(dados)s
>>>>>> }]
>>>>>> });
>>>>>> </script>
>>>>>>
>>>>>> """ %dados_map
>>>>>> return dict(chart=XML(chart))
>>>>>>
>>>>>> *ON VIEW*
>>>>>>
>>>>>> {{extend 'layout.html'}}
>>>>>> <script src="/YOUR_APP/static/js/highcharts.js"
>>>>>> type="text/javascript"></script>
>>>>>> <script src="/YOUR_APP/static/js/exporting.js"
>>>>>> type="text/javascript"></script>
>>>>>> <div id="chart"></div>
>>>>>> </script>
>>>>>> {{=chart}}
>>>>>>
>>>>>> 2016-02-15 12:52 GMT-03:00 <rajjm...@gmail.com>:
>>>>>>
>>>>>>> I used google charts using a simple bar chart since I couldn't find
>>>>>>> a workable example on the slice using pygal etc. But google chart seems
>>>>>>> little slow in loading on the browser and I believe it may be due to
>>>>>>> loading the js file from the remote site. Does anyone have the same
>>>>>>> experience? If so, how did they resolve it. I tried to load the js file
>>>>>>> locally but was unable to make that to work.
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> On Monday, January 25, 2016 at 8:32:01 AM UTC-5, Diego Tostes wrote:
>>>>>>>>
>>>>>>>> thanks!
>>>>>>>>
>>>>>>>>
>>>>>>>> 2016-01-22 1:10 GMT-02:00 Junior Phanter <junior...@gmail.com>:
>>>>>>>>
>>>>>>>>> Example using just google chart api, without google-charts-plug-in
>>>>>>>>>
>>>>>>>>> on controller
>>>>>>>>>
>>>>>>>>> def chart():
>>>>>>>>> title="My Chart"
>>>>>>>>> data=XML('[ ["item", "value"], ["apple", 1], ["potato", 1.5],
>>>>>>>>> ["watermelon", 0.5]]') #convert list in string and string in XML
>>>>>>>>> return dict(title=title, data=data)
>>>>>>>>>
>>>>>>>>> on view (chart.html)
>>>>>>>>>
>>>>>>>>> {{extend 'layout.html'}}
>>>>>>>>>
>>>>>>>>> <div id="my_chart" style="width: 900px; height: 500px;
>>>>>>>>> margin:auto;"></div>
>>>>>>>>>
>>>>>>>>> <script type="text/javascript" src="
>>>>>>>>> <https://www.gstatic.com/charts/loader.js>
>>>>>>>>> https://www.gstatic.com/charts/loader.js";></script>
>>>>>>>>>
>>>>>>>>> <script type="text/javascript">
>>>>>>>>> google.charts.load('current', {'packages':['corechart']});
>>>>>>>>> google.charts.setOnLoadCallback(drawChart);
>>>>>>>>> function drawChart() {
>>>>>>>>>
>>>>>>>>> var data =
>>>>>>>>> google.visualization.arrayToDataTable({{=data}});
>>>>>>>>>
>>>>>>>>> var options = {
>>>>>>>>> title: '{{=title}}'
>>>>>>>>> };
>>>>>>>>>
>>>>>>>>> var chart = new
>>>>>>>>> google.visualization.PieChart(document.getElementById('my_chart'));
>>>>>>>>>
>>>>>>>>> chart.draw(data, options);
>>>>>>>>> }
>>>>>>>>> </script>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> 2016-01-21 18:01 GMT-03:00 Diego Tostes <tostes...@gmail.com>:
>>>>>>>>>
>>>>>>>>>> i am trying to use google chart plugin, but the example at
>>>>>>>>>> <http://www.web2pyslices.com/slice/show/1721/google-charts-plugin>
>>>>>>>>>> http://www.web2pyslices.com/slice/show/1721/google-charts-plugin,
>>>>>>>>>> it is not so clear to me.
>>>>>>>>>>
>>>>>>>>>> anybody can show me a example with a controller and a view?
>>>>>>>>>>
>>>>>>>>>> i need a simple line chart.
>>>>>>>>>>
>>>>>>>>>> rgds
>>>>>>>>>>
>>>>>>>>>> diego
>>>>>>>>>>
>>>>>>>>>> 2016-01-21 17:36 GMT-02:00 Diego Tostes <tostes...@gmail.com>:
>>>>>>>>>>
>>>>>>>>>>> thanks for all!
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>> 2016-01-21 14:17 GMT-02:00 Alex <mrau...@gmail.com>:
>>>>>>>>>>>
>>>>>>>>>>>> my favorite chart library:
>>>>>>>>>>>> <https://www.amcharts.com/>https://www.amcharts.com/
>>>>>>>>>>>> very beautiful, easy to use, good documentation and friendly
>>>>>>>>>>>> license (allows usage of free version even for commercial
>>>>>>>>>>>> websites).
>>>>>>>>>>>>
>>>>>>>>>>>> Alex
>>>>>>>>>>>> --
>>>>>>>>>>>> Resources:
>>>>>>>>>>>> - <http://web2py.com>http://web2py.com
>>>>>>>>>>>> - <http://web2py.com/book>http://web2py.com/book
>>>>>>>>>>>> (Documentation)
>>>>>>>>>>>> - <http://github.com/web2py/web2py>
>>>>>>>>>>>> http://github.com/web2py/web2py (Source code)
>>>>>>>>>>>> - <https://code.google.com/p/web2py/issues/list>
>>>>>>>>>>>> https://code.google.com/p/web2py/issues/list (Report Issues)
>>>>>>>>>>>> ---
>>>>>>>>>>>> You received this message because you are subscribed to the
>>>>>>>>>>>> Google Groups "web2py-users" group.
>>>>>>>>>>>> To unsubscribe from this group and stop receiving emails from
>>>>>>>>>>>> it, send an email to web2py+un...@googlegroups.com.
>>>>>>>>>>>> For more options, visit <https://groups.google.com/d/optout>
>>>>>>>>>>>> https://groups.google.com/d/optout.
>>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>> --
>>>>>>>>>> Resources:
>>>>>>>>>> - http://web2py.com
>>>>>>>>>> - http://web2py.com/book (Documentation)
>>>>>>>>>> - http://github.com/web2py/web2py (Source code)
>>>>>>>>>> - https://code.google.com/p/web2py/issues/list (Report Issues)
>>>>>>>>>> ---
>>>>>>>>>> You received this message because you are subscribed to the
>>>>>>>>>> Google Groups "web2py-users" group.
>>>>>>>>>> To unsubscribe from this group and stop receiving emails from it,
>>>>>>>>>> send an email to web2py+un...@googlegroups.com.
>>>>>>>>>> For more options, visit <https://groups.google.com/d/optout>
>>>>>>>>>> https://groups.google.com/d/optout.
>>>>>>>>>>
>>>>>>>>>
>>>>>>>>> --
>>>>>>>>> Resources:
>>>>>>>>> - http://web2py.com
>>>>>>>>> - http://web2py.com/book (Documentation)
>>>>>>>>> - http://github.com/web2py/web2py (Source code)
>>>>>>>>> - https://code.google.com/p/web2py/issues/list (Report Issues)
>>>>>>>>> ---
>>>>>>>>> You received this message because you are subscribed to the Google
>>>>>>>>> Groups "web2py-users" group.
>>>>>>>>> To unsubscribe from this group and stop receiving emails from it,
>>>>>>>>> send an email to web2py+un...@googlegroups.com.
>>>>>>>>> For more options, visit <https://groups.google.com/d/optout>
>>>>>>>>> https://groups.google.com/d/optout.
>>>>>>>>>
>>>>>>>>
>>>>>>>> --
>>>>>>> Resources:
>>>>>>> - http://web2py.com
>>>>>>> - http://web2py.com/book (Documentation)
>>>>>>> - http://github.com/web2py/web2py (Source code)
>>>>>>> - https://code.google.com/p/web2py/issues/list (Report Issues)
>>>>>>> ---
>>>>>>> You received this message because you are subscribed to the Google
>>>>>>> Groups "web2py-users" group.
>>>>>>> To unsubscribe from this group and stop receiving emails from it,
>>>>>>> send an email to web2py+un...@googlegroups.com.
>>>>>>> For more options, visit https://groups.google.com/d/optout.
>>>>>>>
>>>>>>
>>>>>> --
>>>>>> Resources:
>>>>>> - http://web2py.com
>>>>>> - http://web2py.com/book (Documentation)
>>>>>> - http://github.com/web2py/web2py (Source code)
>>>>>> - https://code.google.com/p/web2py/issues/list (Report Issues)
>>>>>> ---
>>>>>> You received this message because you are subscribed to the Google
>>>>>> Groups "web2py-users" group.
>>>>>> To unsubscribe from this group and stop receiving emails from it,
>>>>>> send an email to web2py+un...@googlegroups.com.
>>>>>> For more options, visit https://groups.google.com/d/optout.
>>>>>>
>>>>>>
>>>>>> --
>>>>> Resources:
>>>>> - http://web2py.com
>>>>> - http://web2py.com/book (Documentation)
>>>>> - http://github.com/web2py/web2py (Source code)
>>>>> - https://code.google.com/p/web2py/issues/list (Report Issues)
>>>>> ---
>>>>> You received this message because you are subscribed to the Google
>>>>> Groups "web2py-users" group.
>>>>> To unsubscribe from this group and stop receiving emails from it, send
>>>>> an email to web2py+un...@googlegroups.com.
>>>>> For more options, visit https://groups.google.com/d/optout.
>>>>>
>>>>
>>>> --
>>> Resources:
>>> - http://web2py.com
>>> - http://web2py.com/book (Documentation)
>>> - http://github.com/web2py/web2py (Source code)
>>> - https://code.google.com/p/web2py/issues/list (Report Issues)
>>> ---
>>> You received this message because you are subscribed to the Google
>>> Groups "web2py-users" group.
>>> To unsubscribe from this group and stop receiving emails from it, send
>>> an email to web2py+un...@googlegroups.com.
>>> For more options, visit https://groups.google.com/d/optout.
>>>
>>
>> --
> Resources:
> - http://web2py.com
> - http://web2py.com/book (Documentation)
> - http://github.com/web2py/web2py (Source code)
> - https://code.google.com/p/web2py/issues/list (Report Issues)
> ---
> You received this message because you are subscribed to the Google Groups
> "web2py-users" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to web2py+unsubscr...@googlegroups.com.
> For more options, visit https://groups.google.com/d/optout.
>
--
Resources:
- http://web2py.com
- http://web2py.com/book (Documentation)
- http://github.com/web2py/web2py (Source code)
- https://code.google.com/p/web2py/issues/list (Report Issues)
---
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to web2py+unsubscr...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
