react图表

2023-03-04 20:51:02 来源:网络

react图表

(2)、React中使用ECharts——折线图

(1) title: 标题组件,包含主标题和副标题。

    --- text (string):主标题文本,支持使用 \n 换行。

    --- x (string):在x轴位置。

    --- textStyle (object):主标题文字的颜色。

(2) tooltip: 提示框组件。

    --- trigger (string):触发类型。(默认: 'item' )

      |--- item:数据项图形触发,主要在散点图,饼图等无类目轴的图表中使用。

      |--- axis:坐标轴触发,主要在柱状图,折线图等会使用类目轴的图表中使用。

      |--- none:什么都不触发。

(3) xAxis: 直角坐标系 grid 中的 x 轴,一般情况下单个 grid 组件最多只能放上下两个 x 轴,多于两个 x 轴需要通过配置 offset 属性防止同个位置多个 x 轴的重叠。

(4) yAxis: 直角坐标系 grid 中的 y 轴,一般情况下单个 grid 组件最多只能放左右两个 y 轴,多于两个 y 轴需要通过配置 offset 属性防止同个位置多个 Y 轴的重叠。

(5) series : 系列列表。每个系列通过 type 决定自己的图表类型。

更多折线图实例信息请参考ECharts:

免责声明:内容来自网络,若侵犯您的权利,请在一个月内通知我们,会及时删除

@轻流