• 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',//格式化日期格式
    },

  • 相关阅读:
    2017.2.27学习笔记-----开发板,PC,虚拟机三者ping通
    2017.2.25学习笔记
    vue基础之计算属性和侦听器
    vue基础之组件通信
    vue基础之组件创建
    vue基础之监听器
    vue基础之生命周期
    vue基础之条件渲染
    vue基础之插槽
    vue总结
  • 原文地址:https://www.cnblogs.com/jinhaoObject/p/4571749.html
Copyright © 2020-2023  润新知