bhylu.com

Advertisements

ASP Web Pages Charts

Render an actual chart from small fictional counts.

How it works

The older System.Web.Helpers Chart helper renders an image response. This page has no surrounding HTML layout because the response body must contain image bytes. The two bars compare fictional workshop seats; they are not measurements of popularity or outcomes.

Use the separate Windows lab

This is a legacy-maintenance course. Classic ASP uses IIS and VBScript; ASP.NET Web Pages uses .NET Framework and Razor. Neither runs in PHP, Apache or Bhylu’s browser playground. The reviewed baseline is 32-bit IIS Express 10.0.2001, .NET Framework 4.8, Web Pages / Razor 3.2.9 and the Windows VBScript engine. ADO database examples use the actual 32-bit Jet OLE DB 4.0 provider, not SQL Server or XAMPP MySQL.

Download download-lab.mjs into a separate empty learning folder. Run node download-lab.mjs to fetch hash-checked source files into a new bhylu-asp-lab folder, then cd bhylu-asp-lab and node run-lab.mjs --start. Before deployment, local preview uses node download-lab.mjs http://127.0.0.1:8000/examples/asp/. The source downloader refuses an existing destination. Review its source before running it.

The foreground launcher needs your own 32-bit IIS Express installation with Classic ASP, .NET Framework 4.8 and the VBScript engine available. It downloads the three pinned Web Pages packages from NuGet into its private cache, binds only localhost on port 8142 and stops when you press Ctrl+C. Keep its console open. Visit http://localhost:8142/webpages-charts.cshtml. It does not install IIS, enable Windows features, change Apache/PHP/MySQL, or publish any files. See the bundled README.txt for manual setup and test boundaries.

Each complete Classic ASP source requires the supplied Global.asa acknowledgement; Web Pages uses _PageStart.cshtml. Database and file examples create owned temporary files only under this private lab’s blocked App_Data folder. Sources are public text downloads; do not upload them as executable teaching endpoints on Bhylu.

Download webpages-charts.cshtml

Example

webpages-charts.cshtml

@using System.Web.Helpers
@{
    Layout = null;
    new Chart(width:480, height:320)
        .AddTitle("Available workshop seats")
        .AddSeries(chartType:"Column", xValue:new[] {"Mending", "Buttons"}, yValues:new[] {3, 2})
        .Write("png");
}
Focus on the lesson operations

This excerpt omits shared lab setup. Use the complete download and supporting files to run it.

Lesson excerpt

@using System.Web.Helpers
@{
    Layout = null;
    new Chart(width:480, height:320)
        .AddTitle("Available workshop seats")
        .AddSeries(chartType:"Column", xValue:new[] {"Mending", "Buttons"}, yValues:new[] {3, 2})
        .Write("png");
}

Expected result

PNG image, 480 × 320 pixels

The review checks a real PNG response, dimensions and browser image decoding. A chart endpoint needs input limits and cache rules when adapted to user-selected ranges. The private test does not establish production chart throughput.

Primary references

Advertisements