• home > webfront > visualization > charts >

    hightCharts老项目转eCharts个人经验总结

    Author:zhoulujun Date:

    echarts已经到echart5 0了,而且现在是Apache基金旗下的。更值得信赖。基础配置对比highcharts基础配置,首先是lang属性,这里可以配置日期

    echarts已经到echart5.0了,而且现在是Apache基金旗下的。更值得信赖。

    基础配置对比

    highcharts基础配置,首先是lang属性,这里可以配置日期 工具类等配置项。这些到echarts怎么配置呢?

    Highcharts.setOptions({
      lang: {
        decimalPoint: '.',
        months: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
        noData: '没有数据',
        numericSymbols: ['千', '兆', 'G', 'T', 'P', 'E'],
        printChart: '打印图表',
        resetZoom: '恢复缩放',
        resetZoomTitle: '恢复图表',
        shortMonths: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
        thousandsSep: ',',
        weekdays: ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期天'],
        loading: '加载中',
        downloadJPEG: '下载JPEG图片',
        downloadPDF: '下载PDF文件',
        downloadPNG: '下载PNG文件',
        downloadSVG: '下载SVG文件',
        drillUpText: '返回 {series.name}',
        contextButtonTitle: '图表导出菜单',
      },
    });

    echarts没有这些是拆开的。像千分位啥的,我目前没有找到,只有通过format 去设置。

    唯一相同的就是国际化的时候,时区设置

    highcharts设置时区

    Highcharts.setOptions({
        global: {
            timezoneOffset: -8 * 60  // +8 时区修正方法
        }
    })

    echarts设置时区

    eCharts.setOption({
        useUTC:true
    })

    echarts 在时区设置这一方面,希望支持能更好一点

    坐标轴设置








    转载本站文章《hightCharts老项目转eCharts个人经验总结》,
    请注明出处:https://www.zhoulujun.cn/html/webfront/visualization/charts/8606.html