Echarts水球图(Liquid Fill Chart)

Posted 2023-04-12

参考技术A

水球图(Liquid Fill Chart)是Echarts的一个插件(在官方文档中没有)，可以用来优雅的展示百分比数据。

html中引入水球图:

其中这两个文件都可以在官方github项目中dist目录下获取到， echarts 、 echarts-liquidfill 。
通过npm引入:

注意: echarts-liquidfill@3 版本匹配 echarts@5 版本，echarts-liquidfill@2 版本匹配 echarts@4 版本

像其他echarts图配置一样，都需要配置type属性

通过传入多个数据值来展示多个数值或制造多个波浪的效果

通过设置 waveAnimation 属性为 false，可以实现静止的波浪效果，另外，通过设置 animationDuration 和 animationDurationUpdate 属性的值，可以调整波浪的动画，同样可以实现静止的效果。

通过设置 amplitude(振幅) 属性可以实现水面的效果

水球图不仅能被设定为圆形，也可以被设置为其他形状，如矩形、钻石菱形、箭头型等，也可以设置为包含其容器的形状，甚至可以通过SVG来设定

默认水球图的配置

部分属性：

STL源代码分析（ch2 内存分配）uninitialized_fill

1. uninitialized_fill(ForwardIter first, ForwardIter last, const T& value)

// uninitialized_fill
// 在 [first, last) 区间内填充元素值
template <class ForwardIter, class T>
void  uninitialized_fill(ForwardIter first, ForwardIter last, const T& value)

  mystl::unchecked_uninit_fill(first, last, value, 
                               std::is_trivially_copy_assignable<
                               typename iterator_traits<ForwardIter>::
                               value_type>);

->

template <class ForwardIter, class T>
void 
unchecked_uninit_fill(ForwardIter first, ForwardIter last, const T& value, std::true_type)

  mystl::fill(first, last, value);


template <class ForwardIter, class T> void 
unchecked_uninit_fill(ForwardIter first, ForwardIter last, const T& value, std::false_type)

  auto cur = first;
  try
  
    for (; cur != last; ++cur)
    
      mystl::construct(&*cur, value);
    
  
  catch (...)
  
    for (;first != cur; ++first)
      mystl::destroy(&*first);
  

1.1 fill

// fill
// 为 [first, last)区间内的所有元素填充新值
template <class ForwardIter, class T>
void fill(ForwardIter first, ForwardIter last, const T& value)

  fill_cat(first, last, value, iterator_category(first));

->

template <class ForwardIter, class T>
void fill_cat(ForwardIter first, ForwardIter last, const T& value,
              mystl::forward_iterator_tag)

  for (; first != last; ++first)
  
    *first = value;
  


template <class RandomIter, class T>
void fill_cat(RandomIter first, RandomIter last, const T& value,
              mystl::random_access_iterator_tag)

  fill_n(first, last - first, value);