@moxa/graph 2.8.2 → 3.0.0-beta.1

package/README.md

@@ -38,9 +38,9 @@ pnpm add @moxa/graph
 > The config include all graph settings, please refer to `MxGraphConfig`
 
 ```typescript
-import { MxGraph } from '@moxa/graph';
+import { Graph } from '@moxa/graph';
 
-const graph = new MxGraph({
+const graph = new Graph({
   renderer: 'svg',
   container: 'container',
   width: 500,
@@ -111,7 +111,7 @@ const graph = new MxGraph({
 
 ## Graph Control
 
-> You can control the presentation and behavior of the graph by calling the `MxGraph` methods
+> You can control the presentation and behavior of the graph by calling the `Graph` methods
 
 ```typescript
 // Update Graph Data
@@ -283,13 +283,11 @@ graph.addPlugin('custom', new CustomPlugin());
 ### Best Practices
 
 1. **Performance Considerations**
-
    - Use throttling and debouncing for event handlers on large graphs
    - Implement pagination or virtualization for very large datasets
    - Consider using WebGL renderer for graphs with thousands of elements
 
 2. **Accessibility**
-
    - Ensure proper contrast ratios in your themes
    - Add ARIA attributes to important interactive elements
    - Support keyboard navigation for critical operations
@@ -304,13 +302,11 @@ graph.addPlugin('custom', new CustomPlugin());
 Common issues and their solutions:
 
 1. **Graph not rendering properly**
-
    - Check if container has proper dimensions
    - Verify data format follows required schema
    - Check browser console for errors
 
 2. **Performance issues with large graphs**
-
    - Try different renderers (SVG vs Canvas vs WebGL)
    - Simplify node/edge renderers
    - Use appropriate layout algorithms