charts/canvas/examples/26-some-common-options-across-all-chart-types/culture.html

   1 <!DOCTYPE HTML>\r
   2 <html>\r
   3 <head>\r
   4         <script type="text/javascript">\r
   5                 window.onload = function () {\r
   6                         CanvasJS.addCultureInfo("es", {\r
   7                                 decimalSeparator: ",",// Observe ToolTip Number Format\r
   8                                 digitGroupSeparator: ".", // Observe axisY labels\r
   9                                 days: ["domingo", "lunes", "martes", "miércoles", "jueves", "viernes", "sábado"]\r
  10 \r
  11                         });\r
  12 \r
  13                         var chart = new CanvasJS.Chart("chartContainer", {\r
  14                                 theme: "theme1",\r
  15                                 culture: "es",\r
  16                                 axisX: {\r
  17                                         valueFormatString: "DDDD"\r
  18                                 },\r
  19                                 // change to "theme1"\r
  20                                 title: {\r
  21                                         text: "Localization Demo - Days in Spanish"\r
  22                                 },\r
  23                                 data: [\r
  24                                 {\r
  25                                         type: "column",\r
  26                                         dataPoints: [\r
  27                                         //Note: month input is 0-11 in JavaScript - 05 is June\r
  28                                         { x: new Date(2013, 05, 3), y: 3275.6 },\r
  29                                         { x: new Date(2013, 05, 4), y: 5250.8 },\r
  30                                         { x: new Date(2013, 05, 5), y: 6255.3 },\r
  31                                         { x: new Date(2013, 05, 6), y: 8275.2 },\r
  32                                         { x: new Date(2013, 05, 7), y: 6378.1 },\r
  33                                         { x: new Date(2013, 05, 8), y: 5258.4 },\r
  34                                         { x: new Date(2013, 05, 9), y: 3514.8 }\r
  35                                         ]\r
  36                                 }\r
  37                                 ]\r
  38                         });\r
  39 \r
  40                         chart.render();\r
  41                 }\r
  42         </script>\r
  43         <script src="../../canvasjs.min.js"></script>\r
  44         <title>CanvasJS Example</title>\r
  45 </head>\r
  46 <body>\r
  47         <div id="chartContainer" style="height: 400px; width: 100%;">\r
  48         </div>\r
  49 </body>\r
  50 </html>\r