简单折线图 echarts 和 chartjs的比较

最新推荐文章于 2024-03-14 15:07:43 发布

阿豪boy

最新推荐文章于 2024-03-14 15:07:43 发布

阅读量397

点赞数

文章标签：百度 tooltip 数据可视化 jquery css

本文链接：https://blog.csdn.net/qq_35516360/article/details/122066782

版权

本文比较了Echarts和Chartjs在绘制简单折线图时的效果，指出百度Echarts虽然默认样式一般，但可通过自定义实现美观效果，如应用macarons主题。同时展示了两者绘制的折线图实例。

摘要由CSDN通过智能技术生成

原文链接: 简单折线图 echarts 和 chartjs的比较

上一篇: Python 统计博客信息

下一篇: 盒子模型边框重叠问题，已经悬浮高亮边框

由之前的博客数据，绘制折线图

数据

['2016/07', '2016/10', '2016/11', '2016/12', '2017/01', '2017/02', '2017/03', '2017/04', '2017/06', '2017/07', '2017/08', '2017/09', '2017/10', '2017/11', '2017/12', '2018/01', '2018/02']
[6, 6, 11, 4, 35, 82, 52, 11, 40, 28, 53, 35, 34, 56, 29, 72, 80]

效果对比，上面的是百度的echarts，下面是chatjs

百度默认的样式不是很好看，可以使用自定义样式，感觉macarons看起来还行。

      var myChart = echarts.init(dom, macarons);

echarts

<template>
  <div>
    <div class="chart" ref="chart"></div>
  </div>
</template>

<script>
  import echarts from 'echarts'
  import macarons from '../lib/macarons'

  export default {
    name: "blog-chart",
    mou