159
159
< li class ="litoc "> < a class ="toc-item " href ="amPie.html "> Pie</ a > </ li >
160
160
< li class ="litoc "> < a class ="toc-item " href ="amRadar.html "> Radar</ a > </ li >
161
161
< li class ="litoc "> < a class ="toc-item " href ="amSolidGauge.html "> SolidGauge</ a > </ li >
162
+ < li class ="litoc "> < a class ="toc-item " href ="amStockMultiSet.html "> Multi data sets</ a > </ li >
162
163
< li class ="litoc "> < a class ="toc-item " href ="amTimeSeries.html "> Time Series</ a > </ li >
163
164
< li class ="litoc "> < a class ="toc-item " href ="amWaterfall.html "> Waterfall</ a > </ li >
164
165
< li class ="litoc "> < a class ="toc-item " href ="amWind.html "> Wind</ a > </ li >
@@ -209,8 +210,8 @@ <h2>Custom export</h2>
209
210
setLegend(position = "bottom", useMarkerColorForLabels = TRUE) %>>%
210
211
setExport(enabled = TRUE) %>>%
211
212
plot()</ code > </ pre >
212
- < div id ="htmlwidget-1005da2ce4510acdc0e3 " style ="width:100%;height:480px; " class ="ramcharts_base html-widget "> </ div >
213
- < script type ="application/json " data-for ="htmlwidget-1005da2ce4510acdc0e3 "> { "x" :{ "chartData" :{ "valueField" :"gdp" , "titleField" :"country" , "startDuration" :0 , "export" :{ "enabled" :true } , "dataProvider" :[ { "country" :"China" , "gdp" :18.976 } , { "country" :"United States" , "gdp" :18.125 } , { "country" :"India" , "gdp" :7.997 } , { "country" :"Japan" , "gdp" :4.843 } , { "country" :"Germany" , "gdp" :3.815 } , { "country" :"Russia" , "gdp" :3.458 } , { "country" :"Brazil" , "gdp" :3.259 } , { "country" :"Indonesia" , "gdp" :2.84 } , { "country" :"United Kingdom" , "gdp" :2.641 } , { "country" :"France" , "gdp" :2.634 } ] , "legend" :{ "position" :"bottom" , "useMarkerColorForLabels" :true } , "type" :"pie" } , "background" :"#ffffff" , "listeners" :null , "axes_listeners" :null , "axes_listenersIndices" :null , "categoryAxis_listeners" :null , "chartCursor_listeners" :null , "dataSetSelector_listeners" :null , "legend_listeners" :null , "panels_listeners" :null , "panels_listenersIndices" :null , "periodSelector_listeners" :null , "valueAxes_listeners" :null , "valueAxes_listenersIndices" :null , "group" :null } , "evals" :[ ] , "jsHooks" :[ ] } </ script >
213
+ < div id ="htmlwidget-dec5461f1d1f6e1c2a5f " style ="width:100%;height:480px; " class ="ramcharts_base html-widget "> </ div >
214
+ < script type ="application/json " data-for ="htmlwidget-dec5461f1d1f6e1c2a5f "> { "x" :{ "chartData" :{ "valueField" :"gdp" , "titleField" :"country" , "startDuration" :0 , "export" :{ "enabled" :true } , "dataProvider" :[ { "country" :"China" , "gdp" :18.976 } , { "country" :"United States" , "gdp" :18.125 } , { "country" :"India" , "gdp" :7.997 } , { "country" :"Japan" , "gdp" :4.843 } , { "country" :"Germany" , "gdp" :3.815 } , { "country" :"Russia" , "gdp" :3.458 } , { "country" :"Brazil" , "gdp" :3.259 } , { "country" :"Indonesia" , "gdp" :2.84 } , { "country" :"United Kingdom" , "gdp" :2.641 } , { "country" :"France" , "gdp" :2.634 } ] , "legend" :{ "position" :"bottom" , "useMarkerColorForLabels" :true } , "type" :"pie" } , "background" :"#ffffff" , "listeners" :null , "axes_listeners" :null , "axes_listenersIndices" :null , "categoryAxis_listeners" :null , "chartCursor_listeners" :null , "dataSetSelector_listeners" :null , "legend_listeners" :null , "panels_listeners" :null , "panels_listenersIndices" :null , "periodSelector_listeners" :null , "valueAxes_listeners" :null , "valueAxes_listenersIndices" :null , "group" :null } , "evals" :[ ] , "jsHooks" :[ ] } </ script >
214
215
< p > By default, the chart will contains all the JS plugins for exporting, annotating, printing… If you don’t want all of these features you just have to customize the property “menu”:</ p >
215
216
< div id ="example-1 " class ="section level3 ">
216
217
< h3 > Example 1</ h3 >
@@ -232,8 +233,8 @@ <h3>Example 1</h3>
232
233
setLegend(position = "bottom", useMarkerColorForLabels = TRUE) %>>%
233
234
setExport(enabled = TRUE, menu = menu_obj) %>>%
234
235
plot()</ code > </ pre >
235
- < div id ="htmlwidget-f350910983db7158bc19 " style ="width:100%;height:480px; " class ="ramcharts_base html-widget "> </ div >
236
- < script type ="application/json " data-for ="htmlwidget-f350910983db7158bc19 "> { "x" :{ "chartData" :{ "valueField" :"gdp" , "titleField" :"country" , "startDuration" :0 , "export" :{ "enabled" :true , "menu" :[ { "format" :"JPG" , "label" :"Save as JPG" , "title" :"Export chart to JPG" } , { "format" :"PNG" , "label" :"Save as PNG" , "title" :"Export chart to PNG" } ] } , "dataProvider" :[ { "country" :"China" , "gdp" :18.976 } , { "country" :"United States" , "gdp" :18.125 } , { "country" :"India" , "gdp" :7.997 } , { "country" :"Japan" , "gdp" :4.843 } , { "country" :"Germany" , "gdp" :3.815 } , { "country" :"Russia" , "gdp" :3.458 } , { "country" :"Brazil" , "gdp" :3.259 } , { "country" :"Indonesia" , "gdp" :2.84 } , { "country" :"United Kingdom" , "gdp" :2.641 } , { "country" :"France" , "gdp" :2.634 } ] , "legend" :{ "position" :"bottom" , "useMarkerColorForLabels" :true } , "type" :"pie" } , "background" :"#ffffff" , "listeners" :null , "axes_listeners" :null , "axes_listenersIndices" :null , "categoryAxis_listeners" :null , "chartCursor_listeners" :null , "dataSetSelector_listeners" :null , "legend_listeners" :null , "panels_listeners" :null , "panels_listenersIndices" :null , "periodSelector_listeners" :null , "valueAxes_listeners" :null , "valueAxes_listenersIndices" :null , "group" :null } , "evals" :[ ] , "jsHooks" :[ ] } </ script >
236
+ < div id ="htmlwidget-f24443377bb31b86ef30 " style ="width:100%;height:480px; " class ="ramcharts_base html-widget "> </ div >
237
+ < script type ="application/json " data-for ="htmlwidget-f24443377bb31b86ef30 "> { "x" :{ "chartData" :{ "valueField" :"gdp" , "titleField" :"country" , "startDuration" :0 , "export" :{ "enabled" :true , "menu" :[ { "format" :"JPG" , "label" :"Save as JPG" , "title" :"Export chart to JPG" } , { "format" :"PNG" , "label" :"Save as PNG" , "title" :"Export chart to PNG" } ] } , "dataProvider" :[ { "country" :"China" , "gdp" :18.976 } , { "country" :"United States" , "gdp" :18.125 } , { "country" :"India" , "gdp" :7.997 } , { "country" :"Japan" , "gdp" :4.843 } , { "country" :"Germany" , "gdp" :3.815 } , { "country" :"Russia" , "gdp" :3.458 } , { "country" :"Brazil" , "gdp" :3.259 } , { "country" :"Indonesia" , "gdp" :2.84 } , { "country" :"United Kingdom" , "gdp" :2.641 } , { "country" :"France" , "gdp" :2.634 } ] , "legend" :{ "position" :"bottom" , "useMarkerColorForLabels" :true } , "type" :"pie" } , "background" :"#ffffff" , "listeners" :null , "axes_listeners" :null , "axes_listenersIndices" :null , "categoryAxis_listeners" :null , "chartCursor_listeners" :null , "dataSetSelector_listeners" :null , "legend_listeners" :null , "panels_listeners" :null , "panels_listenersIndices" :null , "periodSelector_listeners" :null , "valueAxes_listeners" :null , "valueAxes_listenersIndices" :null , "group" :null } , "evals" :[ ] , "jsHooks" :[ ] } </ script >
237
238
</ div >
238
239
< div id ="example-2 " class ="section level3 ">
239
240
< h3 > Example 2</ h3 >
@@ -262,8 +263,8 @@ <h3>Example 2</h3>
262
263
setLegend(position = "bottom", useMarkerColorForLabels = TRUE) %>>%
263
264
setExport(enabled = TRUE, menu = menu_obj) %>>%
264
265
plot()</ code > </ pre >
265
- < div id ="htmlwidget-3e95da13af9215a8a14d " style ="width:100%;height:480px; " class ="ramcharts_base html-widget "> </ div >
266
- < script type ="application/json " data-for ="htmlwidget-3e95da13af9215a8a14d "> { "x" :{ "chartData" :{ "valueField" :"gdp" , "titleField" :"country" , "startDuration" :0 , "export" :{ "enabled" :true , "menu" :[ { "class" :"export-main" , "menu" :[ { "label" :"Download" , "menu" :[ "PNG" , "JPG" , "CSV" ] } , { "label" :"Annotate" , "action" :"draw" , "menu" :[ { "class" :"export-drawing" , "menu" :[ "PNG" , "JPG" ] } ] } ] } ] } , "dataProvider" :[ { "country" :"China" , "gdp" :18.976 } , { "country" :"United States" , "gdp" :18.125 } , { "country" :"India" , "gdp" :7.997 } , { "country" :"Japan" , "gdp" :4.843 } , { "country" :"Germany" , "gdp" :3.815 } , { "country" :"Russia" , "gdp" :3.458 } , { "country" :"Brazil" , "gdp" :3.259 } , { "country" :"Indonesia" , "gdp" :2.84 } , { "country" :"United Kingdom" , "gdp" :2.641 } , { "country" :"France" , "gdp" :2.634 } ] , "legend" :{ "position" :"bottom" , "useMarkerColorForLabels" :true } , "type" :"pie" } , "background" :"#ffffff" , "listeners" :null , "axes_listeners" :null , "axes_listenersIndices" :null , "categoryAxis_listeners" :null , "chartCursor_listeners" :null , "dataSetSelector_listeners" :null , "legend_listeners" :null , "panels_listeners" :null , "panels_listenersIndices" :null , "periodSelector_listeners" :null , "valueAxes_listeners" :null , "valueAxes_listenersIndices" :null , "group" :null } , "evals" :[ ] , "jsHooks" :[ ] } </ script >
266
+ < div id ="htmlwidget-22202396a6a159c7b0b5 " style ="width:100%;height:480px; " class ="ramcharts_base html-widget "> </ div >
267
+ < script type ="application/json " data-for ="htmlwidget-22202396a6a159c7b0b5 "> { "x" :{ "chartData" :{ "valueField" :"gdp" , "titleField" :"country" , "startDuration" :0 , "export" :{ "enabled" :true , "menu" :[ { "class" :"export-main" , "menu" :[ { "label" :"Download" , "menu" :[ "PNG" , "JPG" , "CSV" ] } , { "label" :"Annotate" , "action" :"draw" , "menu" :[ { "class" :"export-drawing" , "menu" :[ "PNG" , "JPG" ] } ] } ] } ] } , "dataProvider" :[ { "country" :"China" , "gdp" :18.976 } , { "country" :"United States" , "gdp" :18.125 } , { "country" :"India" , "gdp" :7.997 } , { "country" :"Japan" , "gdp" :4.843 } , { "country" :"Germany" , "gdp" :3.815 } , { "country" :"Russia" , "gdp" :3.458 } , { "country" :"Brazil" , "gdp" :3.259 } , { "country" :"Indonesia" , "gdp" :2.84 } , { "country" :"United Kingdom" , "gdp" :2.641 } , { "country" :"France" , "gdp" :2.634 } ] , "legend" :{ "position" :"bottom" , "useMarkerColorForLabels" :true } , "type" :"pie" } , "background" :"#ffffff" , "listeners" :null , "axes_listeners" :null , "axes_listenersIndices" :null , "categoryAxis_listeners" :null , "chartCursor_listeners" :null , "dataSetSelector_listeners" :null , "legend_listeners" :null , "panels_listeners" :null , "panels_listenersIndices" :null , "periodSelector_listeners" :null , "valueAxes_listeners" :null , "valueAxes_listenersIndices" :null , "group" :null } , "evals" :[ ] , "jsHooks" :[ ] } </ script >
267
268
< p > For more information you can refer to the official documentation < a href ="./www/docs/export.html "> here</ a > .</ p >
268
269
</ div >
269
270
</ div >
@@ -279,8 +280,8 @@ <h2>Add event listeners</h2>
279
280
"alert('The value is: ' + obj.value);",
280
281
"}")) %>>%
281
282
plot()</ code > </ pre >
282
- < div id ="htmlwidget-c54767c14a4b43dab4b0 " style ="width:100%;height:480px; " class ="ramcharts_base html-widget "> </ div >
283
- < script type ="application/json " data-for ="htmlwidget-c54767c14a4b43dab4b0 "> { "x" :{ "chartData" :{ "valueField" :"gdp" , "titleField" :"country" , "startDuration" :0 , "dataProvider" :[ { "country" :"China" , "gdp" :18.976 } , { "country" :"United States" , "gdp" :18.125 } , { "country" :"India" , "gdp" :7.997 } , { "country" :"Japan" , "gdp" :4.843 } , { "country" :"Germany" , "gdp" :3.815 } , { "country" :"Russia" , "gdp" :3.458 } , { "country" :"Brazil" , "gdp" :3.259 } , { "country" :"Indonesia" , "gdp" :2.84 } , { "country" :"United Kingdom" , "gdp" :2.641 } , { "country" :"France" , "gdp" :2.634 } ] , "legend" :{ "position" :"bottom" , "useMarkerColorForLabels" :true } , "type" :"pie" } , "background" :"#ffffff" , "listeners" :{ "clickSlice" :"function (event) { var obj = event.dataItem; alert('The value is: ' + obj.value); }" } , "axes_listeners" :null , "axes_listenersIndices" :null , "categoryAxis_listeners" :null , "chartCursor_listeners" :null , "dataSetSelector_listeners" :null , "legend_listeners" :null , "panels_listeners" :null , "panels_listenersIndices" :null , "periodSelector_listeners" :null , "valueAxes_listeners" :null , "valueAxes_listenersIndices" :null , "group" :null } , "evals" :[ "listeners.clickSlice" ] , "jsHooks" :[ ] } </ script >
283
+ < div id ="htmlwidget-9f34484ddebb187a0df8 " style ="width:100%;height:480px; " class ="ramcharts_base html-widget "> </ div >
284
+ < script type ="application/json " data-for ="htmlwidget-9f34484ddebb187a0df8 "> { "x" :{ "chartData" :{ "valueField" :"gdp" , "titleField" :"country" , "startDuration" :0 , "dataProvider" :[ { "country" :"China" , "gdp" :18.976 } , { "country" :"United States" , "gdp" :18.125 } , { "country" :"India" , "gdp" :7.997 } , { "country" :"Japan" , "gdp" :4.843 } , { "country" :"Germany" , "gdp" :3.815 } , { "country" :"Russia" , "gdp" :3.458 } , { "country" :"Brazil" , "gdp" :3.259 } , { "country" :"Indonesia" , "gdp" :2.84 } , { "country" :"United Kingdom" , "gdp" :2.641 } , { "country" :"France" , "gdp" :2.634 } ] , "legend" :{ "position" :"bottom" , "useMarkerColorForLabels" :true } , "type" :"pie" } , "background" :"#ffffff" , "listeners" :{ "clickSlice" :"function (event) { var obj = event.dataItem; alert('The value is: ' + obj.value); }" } , "axes_listeners" :null , "axes_listenersIndices" :null , "categoryAxis_listeners" :null , "chartCursor_listeners" :null , "dataSetSelector_listeners" :null , "legend_listeners" :null , "panels_listeners" :null , "panels_listenersIndices" :null , "periodSelector_listeners" :null , "valueAxes_listeners" :null , "valueAxes_listenersIndices" :null , "group" :null } , "evals" :[ "listeners.clickSlice" ] , "jsHooks" :[ ] } </ script >
284
285
</ div >
285
286
286
287
0 commit comments