PlotlyJs主要配置

以下是Plotly.js中常用的必要属性及其说明：

1. data：图表的数据，通常是一个数组，包括x轴和y轴的坐标值、图表类型等。不同类型的图表需要不同的数据格式。例如，柱状图的数据格式为一个包含x和y轴数据的对象数组，而散点图的数据格式则为一个包含x和y轴数据的数组。

2. layout：图表的布局，包括标题、轴标签、图例等各种属性。可以设置的属性非常多，例如title表示图表的标题，xaxis和yaxis分别表示x轴和y轴的属性。

3. config：图表的配置，包括渲染引擎、背景色、字体等各种属性。该属性对于定制化需求非常有用。

4. div：指定将图表渲染到哪个DOM元素中，通常使用该属性指定一个具有唯一标识符的div元素。

5. modeBar：是否显示模式栏，用于选择和缩放图表。

这些属性是使用Plotly.js创建图表的基本属性，根据不同类型的图表和所需的样式，还可以使用其他属性进行定制。

---

事件：

以下是Plotly.js中的主要事件：

1. 'plotly_hover': 当鼠标悬停在图表上时触发的事件。可以通过该事件来实现鼠标悬停时的交互效果。

2. 'plotly_unhover': 当鼠标从图表上移开时触发的事件。可以通过该事件来实现鼠标移开时的交互效果。

3. 'plotly_click': 当用户单击图表时触发的事件。可以通过该事件来实现单击时的交互效果，如选择数据点、打开详情等。

4. 'plotly_selected': 当用户选择图表中的数据点时触发的事件。可以通过该事件来实现选择数据点后的交互效果。

5. 'plotly_deselect': 当用户取消选择图表中的数据点时触发的事件。可以通过该事件来实现取消选择后的交互效果。

6. 'plotly_relayout': 当图表的布局发生变化时触发的事件。可以通过该事件来实现布局变化后的交互效果。

7. 'plotly_redraw': 当图表重新绘制时触发的事件。可以通过该事件来实现重新绘制后的交互效果。

8. 'plotly_animating': 当图表正在进行动画效果时触发的事件。可以通过该事件来实现动画效果的交互效果。