highcharts.jsを初めて使うのですが、
以下のソースをchrome62で印刷しますと、
グラフタイトルの位置が中央でなくなってしまいます。(右側に表示されてしまいます)
どのように中心に表示することができるのでしょうか?
<html><head><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script><script src="https://code.highcharts.com/highcharts.js" type="text/javascript"></script><script src="https://code.highcharts.com/modules/export-data.js" type="text/javascript"></script></head><body> <link href="https://code.highcharts.com/css/highcharts.css" rel="stylesheet" /> <style> .highcharts-data-table table { border-collapse: collapse; border-spacing: 0; background: white; min-width: 100%; margin-top: 10px; } .highcharts-data-table td, .highcharts-data-table th { font-family: sans-serif; font-size: 10pt; border: 1px solid silver; padding: 0.5em; } .highcharts-data-table tr:nth-child(even), .highcharts-data-table thead tr { background: #f8f8f8; } .highcharts-data-table tr:hover { background: #eff; } </style> <div id="container"> </div> <script type="text/javascript"> $(function () { $('#container').highcharts({ chart: { type: 'bar' }, title: { text: 'Fruit Consumption' }, xAxis: { categories: ['Apples', 'Bananas', 'Oranges'] }, yAxis: { title: { text: 'Fruit eaten' } }, series: [{ name: 'Jane', data: [1, 0, 4] }, { name: 'John', data: [5, 7, 3] }], exporting: { showTable: true } }); }); </script></body></html>
あなたの回答
tips
プレビュー