• highcharts开发交易所的行情走势图


     1 var chart = null;
     2 $.getJSON('https://data.jianshukeji.com/jsonp?filename=json/usdeur.json&callback=?', function (data) {
     3 chart = Highcharts.chart('container', {
     4 chart: {
     5 zoomType: 'x'
     6 },
     7 title: {
     8 text: ''
     9 },
    10 xAxis: {
    11 lineWidth :0,//去掉x轴线
    12 tickWidth:0,//去掉刻度
    13 labels: {
    14 enabled:false
    15 },
    16 type: 'datetime',
    17 dateTimeLabelFormats: {
    18 millisecond: '%H:%M:%S.%L',
    19 second: '%H:%M:%S',
    20 minute: '%H:%M',
    21 hour: '%H:%M',
    22 day: '%m-%d',
    23 week: '%m-%d',
    24 month: '%Y-%m',
    25 year: '%Y'
    26 }
    27 },
    28 yAxis: {
    29 tickWidth:0,//去掉刻度
    30 gridLineWidth: 0,//去掉y轴方向的横线
    31 labels: {
    32 enabled: false
    33 },//去掉刻度数字
    34 title: {
    35 text: ''
    36 }
    37 },
    38 legend: {
    39 enabled: false
    40 },
    41 plotOptions: {
    42 area: {
    43 fillColor: {
    44 linearGradient: {
    45 x1: 0,
    46 y1: 0,
    47 x2: 0,
    48 y2: 1
    49 },
    50 stops: [
    51 [0, '#FF4465'],
    52 [1, '#FFFFFF']
    53 ]
    54 },
    55 marker: {
    56 enabled: false
    57 },
    58 lineWidth: 1,
    59 states: {
    60 hover: {
    61 lineWidth: 1
    62 }
    63 },
    64 threshold: null
    65 }
    66 },
    67 series: [{
    68 type: 'area',
    69 color: '#ff9853', // 改变线条颜色
    70 name: '美元兑欧元',
    71 data: [[ 0.7695],
    72 [0.7648],
    73 [ 0.7645],
    74 [ 0.7638],
    75 [ 0.7549],
    76 [ 0.7562],
    77 [ 0.7574],
    78 [ 0.7543],
    79 [ 0.751],]
    80 }]
    81 });
    82 });
    83 
    84 
    85 
    86 
    87  

  • 相关阅读:
    python 函数2
    python 函数
    python 中string格式化
    python中的集合
    值&&引用传递&&序列化
    线程&&进程
    c#委托
    .net框架介绍
    类的定义
    ef中关于数据库中int为null问题
  • 原文地址:https://www.cnblogs.com/lcosima/p/13457535.html
Copyright © 2020-2023  润新知