zoukankan      html  css  js  c++  java
  • exporting

    exporting: {
    buttons: {
    contextButton: {
    menuItems: [{
    text: '导出png图片 100宽度',
    onclick: function () {
    this.exportChart({
    100
    });
    }
    }, {
    text: '导出png图片 大图',
    onclick: function () {
    this.exportChart();
    },
    separator: false
    }]
    }
    }
    }

    theme主题  可用样式

    theme: {
    fill: '#B7C900',//填充颜色
    r: 8,//圆角
    states: {
    hover: {
    fill: '#0FC900',
    style: {
    color: 'white'
    },
    text:'恢复原始状态'
    },
    },

    select: {
    stroke: '#039',
    fill: '#bada55'
    }
    }

     每个数据条的name 是提示框里面的文本     提示框里面都有:x轴标签+name+:数据

    提示框:

    tooltip: {
    formatter: function () {
    var s = '<b>' + this.x + '</b>';

    $.each(this.points, function () {
    s += '<br/>' + this.series.name + ': ' +
    this.y + 'm';
    });

    return s;
    },
    shared: true
    },

    提示框表格化:

    tooltip: {
    shared: true,
    useHTML: true,
    headerFormat: '<small>{point.key}</small><table style="200px">',
    pointFormat: '<tr><td style="color: {series.color}">{series.name}: </td>' +
    '<td style="text-align: right"><b>{point.y} EUR</b></td></tr>',
    footerFormat: '</table><span>caijinhao</span>',
    valueDecimals: '3',

    valuePrefix: '$',//前缀
    valueSuffix: ' haohao',//后缀

    xDateFormat: '%Y-%m-%d',//格式化日期格式
    },

  • 相关阅读:
    打开网页总结
    学期总结
    总结
    Sprint3
    Sprint2团队贡献分
    6.14
    典型用户与场景
    5种创建型模式
    JAVA 将接口的引用指向实现类的对象
    Java里的接口
  • 原文地址:https://www.cnblogs.com/jinhaoObject/p/4571749.html
Copyright © 2011-2022 走看看