Transparent Wireframe

[Ralf Erdmann]

Hello,

I'd like to ask if there is a way to show just a wireframe where the surface is not visible (only the wire grid)?

Is this possible despite this is a surfcae chart?

Or is there any other chart control capable of this?

Thanks for your help

Ralf

[Sridevi Sivakumar]

Hi Ralf Erdmann,

Greetings from Syncfusion.

We have checked the reported query and we can achieve it by setting the SfSurfaceChart Palette property to custom and ColorModel brush to transparent as per the below code snippet.

Code snippet[XAML]: 

       <Syncfusion:SfSurfaceChart  x:Name="surface" 

                                    EnableRotation="True" 

                                     Rotate="30" 

                                     Type="WireframeSurface" 

                                      Palette="Custom"   

                                     XBindingPath="X" 

                                    YBindingPath="Y" 

                                    ZBindingPath="Z" > 

          <Syncfusion:SfSurfaceChart.ColorModel> 

                <Syncfusion:ChartColorModel> 

                    <Syncfusion:ChartColorModel.CustomBrushes> 

                        <SolidColorBrush Color="Transparent"/> 

                     </Syncfusion:ChartColorModel.CustomBrushes> 

                </Syncfusion:ChartColorModel> 

            </Syncfusion:SfSurfaceChart.ColorModel> 

        </Syncfusion:SfSurfaceChart> 

 

Screenshot:
 

Please have a sample from the below link
https://www.syncfusion.com/downloads/support/forum/162262/ze/SurfaceChart101777545

For more information about surface chart color palettes 

https://help.syncfusion.com/wpf/surface-chart/palettes

Let us know if you need any further assistance.

Regards,
Sridevi S.  

 

[Ralf Erdmann]

Hello Sridevi,

thanks a lot for your help.

Syncfusion support is indeed outstanding.

Question answered and an example on top, perfect.

Actually I just have to many data so that there are no single wires to see but a black surface.

I'll have to twiddel around with this.

Best regads and kind greetings

Ralf

[Sridevi Sivakumar]

Hi Ralf Erdmann,

Thanks for your update.

Please provide detailed information along with a sample if you need any assistance with this (if possible). It will be helpful for us to provide a quicker solution.

Regards,
Sridevi S. 

  

[CodeStore Technologies]

Hi Ralf

Yes, it is possible to show just a wireframe without the surface being visible in a chart. While it depends on the specific charting library or tool you are using, most popular charting libraries offer options to customize the appearance of the chart, including the ability to show only the wireframe.

// Create a scene

var scene = new THREE.Scene();

// Create a wireframe geometry

var geometry = new THREE.BoxGeometry(1, 1, 1);

var wireframe = new THREE.WireframeGeometry(geometry);

// Create a material for the wireframe

var material = new THREE.LineBasicMaterial({ color: 0xffffff });

// Create a wireframe mesh

var wireframeMesh = new THREE.LineSegments(wireframe, material);

// Add the wireframe mesh to the scene

scene.add(wireframeMesh);

// Create a camera

var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);

camera.position.z = 5;

// Create a renderer

var renderer = new THREE.WebGLRenderer();

renderer.setSize(window.innerWidth, window.innerHeight);

document.body.appendChild(renderer.domElement);

// Render the scene

function render() {

  requestAnimationFrame(render);

  renderer.render(scene, camera);

}

render();

In this example, we create a wireframe geometry using THREE.BoxGeometry and then create a wireframe material using THREE.LineBasicMaterial. We create a THREE.LineSegments object with the wireframe geometry and material, and add it to the scene. Finally, we set up a camera, renderer, and render loop to display the wireframe.

Note that this example shows a wireframe box, but you can use different geometries and customize the appearance as needed.

If you are using a different charting library or tool, the specific implementation may vary, but the general concept remains the same. Look for options or settings related to wireframe rendering or surface visibility to achieve the desired effect.

If your requirements go beyond the capabilities of standard charting libraries, you may need to explore more specialized 3D graphics libraries or frameworks that provide greater flexibility and control over the visualization.

To lean more about wireframe click on this link:

https://codestoresolutions.com/latest-wireframe-tools-for-web-and-mobile-applications/

[Vishal Omprasad]

Hi,

Thanks for your suggestion.

We would like to inform you that, we have created the WPF SfSurfaceChart control using the pure WPF 3D graphics functionality.  In this, we have created the 3D scenes using the camera projection, mesh geometry, materials, and light objects inside the ViewPort3D object.

Using Palette support we provide color to the chart’s surface. To remove the default color you can set Palette property to custom and ColorModel brush to transparent, which we have already mentioned in our previous update.

Regards,

Vishal O.