echarts的使用说明

119 阅读1分钟

1、架构说明 image.png

  1. Axis

直角坐标系 grid 中的轴的相关配置封装,比如x轴、y轴等。

  1. CommonDefinitions

通用定义,目前定义了以下内容:

  • Align(水平对齐)
  • Label(标签)
  • Orients(图例列表的布局朝向)
  • Symbols(标记的图形)
  • TextAlign(标题文本水平对齐)
  • TextStyles(文本样式)
  • VerticalAlign(垂直对齐)
  1. Components

组件定义。目前定义了以下内容:

  • DataZoom(区域缩放)

    • DataZoomInside(内置型数据区域缩放组件)
    • DataZoomSlider(滑动条型数据区域缩放组件)
  • Grid(直角坐标系内绘图网格)

  • Legend(图例组件)

  • TimeLine(timeline 组件)

  • Title(标题)

  • ToolBox(工具箱)

  • ToolTip(提示框组件)

  1. JsonConverter

定义了一些自定义实现的JSON转换器,依赖自JSON.NET。

  • ValueConverter
  1. Series

定义了系列。每个系列通过 Type 决定自己的图表类型。

目前定义有:

  • BarSeries
  • LineSeries
  • 其他图表类型大都可以通过实例化基类然后指定系列类型
  1. ValueTypes

值类型。因EChart的许多属性配置均可以支持不同的数据类型和对象,Magicodes.Echarts特对此进行了封装,以进行约束。目前定义有以下值类型:

  • AlignValue
  • ArrayNumberValue
  • DoubleValue
  • IBottomValue
  • ILeftValue
  • INumberOrArrayNumberValue
  • INumberOrStringValue
  • IRightValue
  • ISymbolValue
  • ITopValue
  • IValue
  • NumberValue
  • StringValue
  • SymbolValue
  • VerticalAlignValue

具体使用请参考本框架源码。

  1. EChartsOptions

EChart配置基类。允许设置各个组件和对象来定义Echart。