notebook/highchart_demo.html · timeroses/pythoncoding

Fetch the repository succeeded.

richgiteeai

Watch

Unwatch Watching Releases Only Ignoring

1 Star 0 Fork 0

timeroses/pythoncoding

Code Issues 0 Pull Requests 0 Wiki Insights Pipelines

Service

Tencent Cloud Serverless

Create your Gitee Account

Explore and code with more than 14 million developers,Free private repositories !:)

Already have an account? Sign in

文件

master

Branches (1)

Manage

master

This repository doesn't specify license. Please pay attention to the specific project description and its upstream code dependency when using it.

The license selected for the repository is subject to the license used by the main branch of the repository.

Clone or Download

Clone/Download

HTTPS SSH SVN SVN+SSH Download ZIP

Prompt

To download the code, please copy the following command and execute it in the terminal

To ensure that your submitted code identity is correctly recognized by Gitee, please execute the following command.

git config --global user.name userName 
git config --global user.email userEmail

When using the SSH protocol for the first time to clone or push code, follow the prompts below to complete the SSH configuration.

1 Generate RSA keys.

2 Obtain the content of the RSA public key and configure it in SSH Public Keys

To use SVN on Gitee, please visit the usage guide

When using the HTTPS protocol, the command line will prompt for account and password verification as follows. For security reasons, Gitee recommends configure and use personal access tokens instead of login passwords for cloning, pushing, and other operations.

Username for 'https://gitee.com': userName

Password for 'https://userName@gitee.com': # Private Token

Branches 1

Tags 0

pythoncoding

notebook

highchart_demo.html

highchart_demo.html 1.87 KB

<html>
<head>
 <meta charset="UTF-8" />
 <title>Highcharts 教程 | 菜鸟教程(runoob.com)</title>
 <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
 <script src="https://code.highcharts.com/highcharts.js"></script>
</head>
<body>
<div id="container" style="width: 550px; height: 400px; margin: 0 auto"></div>
<script language="JavaScript">
$(document).ready(function() {
 var title = {
 text: '月平均气温' 
 };
 var subtitle = {
 text: 'Source: runoob.com'
 };
 var xAxis = {
 categories: ['一月', '二月', '三月', '四月', '五月', '六月'
 ,'七月', '八月', '九月', '十月', '十一月', '十二月']
 };
 var yAxis = {
 title: {
 text: 'Temperature (\xB0C)'
 },
 plotLines: [{
 value: 0,
 width: 1,
 color: '#808080'
 }]
 };

var tooltip = {
 valueSuffix: '\xB0C'
 }

var legend = {
 layout: 'vertical',
 align: 'right',
 verticalAlign: 'middle',
 borderWidth: 0
 };

var series = [
 {
 name: 'Tokyo',
 data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2,
 26.5, 23.3, 18.3, 13.9, 9.6]
 }, 
 {
 name: 'New York',
 data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8,
 24.1, 20.1, 14.1, 8.6, 2.5]
 }, 
 {
 name: 'Berlin',
 data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6,
 17.9, 14.3, 9.0, 3.9, 1.0]
 }, 
 {
 name: 'London',
 data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 
 16.6, 14.2, 10.3, 6.6, 4.8]
 }
 ];

var json = {};

json.title = title;
 json.subtitle = subtitle;
 json.xAxis = xAxis;
 json.yAxis = yAxis;
 json.tooltip = tooltip;
 json.legend = legend;
 json.series = series;

$('#container').highcharts(json);
});
</script>
</body>
</html>

Copy Edit Raw Blame History

timeroses authored 2017年10月10日 12:52 +08:00 . initial notebook context

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81

<html>
<head>
 <meta charset="UTF-8" />
 <title>Highcharts 教程 | 菜鸟教程(runoob.com)</title>
 <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
 <script src="https://code.highcharts.com/highcharts.js"></script>
</head>
<body>
<div id="container" style="width: 550px; height: 400px; margin: 0 auto"></div>
<script language="JavaScript">
$(document).ready(function() {
 var title = {
 text: '月平均气温' 
 };
 var subtitle = {
 text: 'Source: runoob.com'
 };
 var xAxis = {
 categories: ['一月', '二月', '三月', '四月', '五月', '六月'
 ,'七月', '八月', '九月', '十月', '十一月', '十二月']
 };
 var yAxis = {
 title: {
 text: 'Temperature (\xB0C)'
 },
 plotLines: [{
 value: 0,
 width: 1,
 color: '#808080'
 }]
 }; 

 var tooltip = {
 valueSuffix: '\xB0C'
 }

 var legend = {
 layout: 'vertical',
 align: 'right',
 verticalAlign: 'middle',
 borderWidth: 0
 };

 var series = [
 {
 name: 'Tokyo',
 data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2,
 26.5, 23.3, 18.3, 13.9, 9.6]
 }, 
 {
 name: 'New York',
 data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8,
 24.1, 20.1, 14.1, 8.6, 2.5]
 }, 
 {
 name: 'Berlin',
 data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6,
 17.9, 14.3, 9.0, 3.9, 1.0]
 }, 
 {
 name: 'London',
 data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 
 16.6, 14.2, 10.3, 6.6, 4.8]
 }
 ];

 var json = {};

 json.title = title;
 json.subtitle = subtitle;
 json.xAxis = xAxis;
 json.yAxis = yAxis;
 json.tooltip = tooltip;
 json.legend = legend;
 json.series = series;

 $('#container').highcharts(json);
});
</script>
</body>
</html>