rachelch
var chart = null;
$.getJSON(\'https://data.jianshukeji.com/jsonp?filename=json/usdeur.json&callback=?\', function (data) {
    chart = Highcharts.chart(\'container\', {
        chart: {
            zoomType: \'x\'
        },
        title: {
            text: \'美元兑欧元汇率走势图\'
        },
        subtitle: {
            text: document.ontouchstart === undefined ?
            \'鼠标拖动可以进行缩放\' : \'手势操作进行缩放\'
        },
        xAxis: {
            lineWidth :0,//去掉x轴线
            tickWidth:0,//去掉刻度
            labels: {
                enabled: false
            },//去掉刻度数字
            type: \'datetime\',
            dateTimeLabelFormats: {
                millisecond: \'%H:%M:%S.%L\',
                second: \'%H:%M:%S\',
                minute: \'%H:%M\',
                hour: \'%H:%M\',
                day: \'%m-%d\',
                week: \'%m-%d\',
                month: \'%Y-%m\',
                year: \'%Y\'
            }
        },
        tooltip: {
            dateTimeLabelFormats: {
                millisecond: \'%H:%M:%S.%L\',
                second: \'%H:%M:%S\',
                minute: \'%H:%M\',
                hour: \'%H:%M\',
                day: \'%Y-%m-%d\',
                week: \'%m-%d\',
                month: \'%Y-%m\',
                year: \'%Y\'
            }
        },
        yAxis: {
        tickWidth:0,//去掉刻度 gridLineWidth: 0,//去掉y轴方向的横线 labels: { enabled: false },//去掉刻度数字 title: { text: \'汇率\' } }, legend: { enabled: false }, plotOptions: { area: { fillColor: { linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 }, stops: [ [0, Highcharts.getOptions().colors[0]], [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get(\'rgba\')] ] }, marker: { radius: 2 }, lineWidth: 1, states: { hover: { lineWidth: 1 } }, threshold: null } }, series: [{ type: \'area\', name: \'美元兑欧元\', data: data }] }); });

 

分类:

技术点:

相关文章:

  • 2021-09-02
  • 2021-08-14
  • 2021-12-31
  • 2021-05-04
  • 2021-09-04
  • 2021-08-08
  • 2021-04-16
  • 2021-12-30
猜你喜欢
  • 2021-11-03
  • 2021-07-13
  • 2021-12-11
  • 2022-01-13
  • 2021-10-10
  • 2021-11-18
  • 2021-12-03
相关资源
相似解决方案