Skip to content

Commit

Permalink
Fixed js debug
Browse files Browse the repository at this point in the history
  • Loading branch information
joadan committed Feb 13, 2021
1 parent 39b1174 commit 0ac9383
Show file tree
Hide file tree
Showing 3 changed files with 47 additions and 46 deletions.
47 changes: 47 additions & 0 deletions samples/ChartSamples/Pages/SeriesOptions.razor
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
@page "/series-options"

<h3>Series Options</h3>

<p class="mb-3">

<ul>
<li>Use the Stroke setting on the series to control color, width and dash settings</li>
<li>Use ShowDataLabels to show the datalabels on each value</li>
</ul>


Please note that the color must be either hex or rgb/rgba format. Color names are not accepted at the moment in apexchart.js.
</p>
<div style="max-width:500px">


<ApexChart TItem="Order"
Title="Order Net Value"
ChartType="@ChartType.Line">

<ApexSeries TItem="Order"
Items="Orders"
Name="Gross Value"
XValue="@(e => e.Country)"
YAggregate="@(e => e.Sum(e => e.GrossValue))"
OrderByDescending="e=>e.Y"
Stroke="@(new ApexCharts.SeriesStroke { Color = "#FF0000", DashSpace = 0, Width = 5 })"
ShowDataLabels />


<ApexSeries TItem="Order"
Items="Orders"
Name="Net Value"
XValue="@(e => e.Country)"
YAggregate="@(e => e.Sum(e => e.NetValue))"
OrderByDescending="e=>e.Y"
Stroke="@(new ApexCharts.SeriesStroke { Color = "#000080", DashSpace = 3, Width = 3 })" />

</ApexChart>
</div>

@code {
private List<Order> Orders { get; set; } = SampleData.GetOrders();


}
45 changes: 0 additions & 45 deletions samples/ChartSamples/Pages/SeriesOptionsSample.razor

This file was deleted.

1 change: 0 additions & 1 deletion src/Blazor-ApexCharts/wwwroot/js/blazor-apex-charts.js
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,6 @@
renderChart(dotNetObject, container, options) {
var options = JSON.parse(options);

console.log(options);
if (options.debug == true) {
console.log(options);
}
Expand Down

0 comments on commit 0ac9383

Please sign in to comment.