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

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