Getting StartedPerformance !!!Chart DataBar and Column ChartsLine and Area ChartsPie and Funnel ChartsScatter and Bubble ChartsRadar and Polar ChartsFinancial ChartsGantt ChartsCombinational ChartsDynamic ChartsWorking with Chart AxesChart FeaturesCustomizing ChartClient-Side Events |
This sample shows how to set the chart title's text, font and color.
For detailed implementation, please take a look at the HTML code tab. <!DOCTYPE html> <html> <head> <title> Title Example - JavaScript Chart by DataViz Charts </title> <link rel="stylesheet" type="text/css" href="../../css/dataviz.chart.css" /> <link rel="stylesheet" type="text/css" href="../../themes/le-frog/styles.css" /> <script src="../../js/dataviz.chart.min.js" type="text/javascript"></script> <script lang="javascript" type="text/javascript"> var chart = new DataViz.Chart({ title: { text: 'Chart Title', font: '40px sans-serif', lineWidth: 1, strokeStyle: 'black', fillStyle: 'yellow' }, animation: { duration: 1 }, series: [ { type: 'column', data: [['A', 70], ['B', 40], ['C', 85], ['D', 50], ['E', 25], ['F', 40]] } ] }); chart.write('container'); </script> </head> <body> <div> <div id="container" style="width: 500px; height: 300px;"> </div> </div> </body> </html> |