要使用FusionCharts.js,您需要按照以下步驟進行操作:
從FusionCharts官方網站(https://www.fusioncharts.com/)下載FusionCharts.js庫文件。
將FusionCharts.js文件復制到您的項目文件夾中。
在您的HTML文件中,添加一個具有唯一ID的容器元素,用于顯示圖表。例如:
<div id="chartContainer"></div>
<script src="path/to/fusioncharts.js"></script>
var chartConfig = {
type: "column2d",
dataSource: {
chart: {
caption: "Monthly Sales",
subCaption: "2021",
xAxisName: "Month",
yAxisName: "Sales",
theme: "fusion"
},
data: [
{ label: "January", value: "1000" },
{ label: "February", value: "1200" },
{ label: "March", value: "800" },
{ label: "April", value: "1500" },
{ label: "May", value: "1100" }
]
}
};
var chart = new FusionCharts(chartConfig);
chart.render("chartContainer");
這些是使用FusionCharts.js創建和顯示圖表的基本步驟。您可以根據需要進一步自定義圖表的樣式和行為。有關更多詳細信息和示例,請參閱FusionCharts官方文檔(https://www.fusioncharts.com/documentation)中的相關部分。