HighCharts学习-柱形图

最新推荐文章于 2018-12-25 18:19:30 发布

凝望_Ing

最新推荐文章于 2018-12-25 18:19:30 发布

阅读量712

点赞数

分类专栏： HighCharts

本文链接：https://blog.csdn.net/ningwang0206/article/details/26966213

版权

这篇博客介绍了如何使用HighCharts库创建柱状图。博客中包含了一个柱状图的实例，展示了如何设置标题、禁用图表边框、定义X轴和Y轴的属性、添加提示信息以及自定义柱状图的颜色和宽度。此外，还展示了如何添加垂直阈值线和对应的标签，以增强图表的可读性。

摘要由CSDN通过智能技术生成

<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Highcharts Example</title>

		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
		<script type="text/javascript">
$(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
    
            chart: {
                renderTo: 'container',
                type: 'column',
				enabled: false
            },
    
            title: {
                text: 'tittle'
            },
			
			legend: {
				enabled:false // 是否显示折线标题 默认为true
            },
			
            xAxis: {
                categories: ['', '']
            },
    
            yAxis: {
                allowDecimals: false,