Interactive editor
Explore 2D and 3D Charts
Add chart objects and adjust their layout and appearance.
Ready to tryUse the controls above to interact with this demo.
What this demonstrates
2D and 3D Charts
Add chart objects and adjust their layout and appearance.
Component used
TXTextControl.Web.MVC.TextControl
How it works
Chart objects are inserted from the Insert tab and edited through contextual chart controls. The resulting objects remain compatible with reporting and Word document formats.
Key code
This is the Razor helper chain that adds TX Text Control to the page.
<div class="tx-editor-host">
@Html.TXTextControl()
.TextControl(settings => {
settings.Dock = DockStyle.Fill;
})
.LoadText(documentPath, StreamType.InternalUnicodeFormat)
.Render()
</div>
NuGet packages
TXTextControl.TextControl.Core.SDK
34.0.4
Provides the core document model and server-side document processing APIs.
dotnet add package TXTextControl.TextControl.Core.SDK --version 34.0.4
Provides the browser-based TX Text Control document editor and JavaScript API.
dotnet add package TXTextControl.Web --version 34.4.0
TXTextControl.Web.DocumentEditor.Backend
34.4.0
Hosts the WebSocket-based backend used by the browser document editor.
dotnet add package TXTextControl.Web.DocumentEditor.Backend --version 34.4.0
Source files
See the implementation
The view, browser behavior, and controller are encapsulated in Demos/RichTextEditor/Editing/Charts.
