ColorShadingStyles: {
    Phong: typeof PhongShadingStyle;
    Simple: typeof SimpleShadingStyle;
} = ...

Object with different options for 3D series color shading style.

Color shading style is specified with setColorShadingStyle method.

 // Example syntax, select simple color shading style.
pointSeries3D.setColorShadingStyle(new ColorShadingStyles.Simple())

Type declaration

  • Phong: typeof PhongShadingStyle

    Phong color shading style.

    Phong shading supports ambient and specular lighting, greatly increasing depth perception capabilities.

    With Phong shading enabled, the color of each pixel is affected by angle to camera, as well as the various available Phong shading properties, like light colors and reflection values.

     // Example syntax, use default Phong shading.
    pointSeries3D.setColorShadingStyle(new ColorShadingStyles.Phong())
     // Example syntax, use Phong shading with specific configuration.
    pointSeries3D.setColorShadingStyle(new ColorShadingStyles.Phong({
    // Add specular reflection for "highlight" effect.
    specularReflection: 0.5,
    specularColor: ColorRGBA(255, 255, 255),
    }))
  • Simple: typeof SimpleShadingStyle

    Simple color shading style.

    Colors each pixel exactly according to its material color.

    Colors are not affected by camera angle, lighting, etc.

     // Example syntax, select simple color shading style.
    pointSeries3D.setColorShadingStyle(new ColorShadingStyles.Simple())

    Simple color shading is really fast, which can be a crucial difference especially on low end devices, like laptops and mobile phones.