highchart柱状图

2019-11-08 18:39:41

字体：大中小

来源：转载

供稿：网友

<html><head><script src="../js/jquery-2.1.1.min.js"></script><script src="../js/highcharts.js"></script><script type="text/javascript">$(function(){$("#container").highcharts({chart: {type: 'column'},title: {text: '最近一周气温'},xAxis: {categories: ['周一','周二','周三','周四','周五','周六','周天']},yAxis: {title: {text: '温度'}},plotOptions: {column: {dataLabels: {enabled: true,color: 'blue'}},series: {dataLabels: {enabled: true,rotation: -90,format: '{y} C',color: '#FFFFFF',x: 0,y: 15,stype: {fontSize: '13px',fontFamily: 'Verdana, sans-serif',textShadow: '0 0 3px black'}}}},series: [{name: '最高气温' ,data: [14, {y:10, color:'red'}, 7, 9, 11, 13, 10]},{name: '最低气温' ,data: [9, 4, 1, 4, 5, 8, 7]}]});});</script></head><body><h1>2</h1><div id="container"></div></body></html>

上一篇：JDK1.8 HashMap 源码分析

下一篇：[bzoj4305]数列的gcd