Item: highcharts
Rating: 3.4
Author: &#x9A6C;&#x66F4;&#x65B0;

0 Downloads
65 Views
Tweet
Download Now View Demo

HTML
JavaScript

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>highcharts</title>
  
  
  
  
  
</head>

<body>

  <div id="container" style="min-width:800px;height:400px;"></div>
  <script src='http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js'></script>
<script src='http://cdn.hcharts.cn/highcharts/4.0.1/highcharts.js'></script>

  

    <script  src="js/index.js"></script>




</body>

</html>


/*Downloaded from https://www.codeseek.co/magengxin/highcharts-WJgqLr */
 $(function () {   
        $('#container').highcharts({  
            chart: {  
                type: 'column'  
            },  
            title: {  
                text: 'My first Highcharts chart'  
            },  
            xAxis: {  
                categories: ['my', 'first', 'chart']  
            },  
            yAxis: {  
                title: {  
                    text: 'something'  
                }  
            },  
            series: [{  
                name: 'Jane',  
                data: [1,2,3]  
            }, {  
                name: 'John',  
                data: [5, 7, 3]  
            }]  
        });  
    });

Comments

More from 马更新

highcharts

In this example below you will see how to do a highcharts with some HTML / CSS and Javascript

Technologies

Comments

More from 马更新

A Pen by 马更新

table

vue

A Pen by 马更新

You Might Also Like

Circular Navigation

theme anyone 2

subscription_landing

header experiment

ATK Button System

Two Way Data Binding in Plain Vanilla JavaScript

Sophia Kartoffelbrei

Special Offers