mirror of
https://github.com/wassname/DefinitelyTyped.git
synced 2026-09-20 12:20:37 +08:00
Individual chart options may also override global options
This commit is contained in:
+30
-1
@@ -325,7 +325,7 @@ var myDoughnutChart = new Chart(ctx).Doughnut(pieData, {
|
||||
animateRotate: true,
|
||||
animateScale: false,
|
||||
legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<segments.length; i++){%><li><span style=\"background-color:<%=segments[i].fillColor%>\"></span><%if(segments[i].label){%><%=segments[i].label%><%}%></li><%}%></ul>"
|
||||
});
|
||||
});
|
||||
|
||||
var myDoughnutChartLegend: string = myDoughnutChart.generateLegend();
|
||||
var myDoughnutChartImage: string = myDoughnutChart.toBase64Image();
|
||||
@@ -341,3 +341,32 @@ myDoughnutChart.resize();
|
||||
myDoughnutChart.update();
|
||||
myDoughnutChart.stop();
|
||||
myDoughnutChart.destroy();
|
||||
|
||||
// Test using charts with overrides of a subset of global options
|
||||
var partialOpts: ChartSettings = {
|
||||
showTooltips: true,
|
||||
tooltipEvents: ["mousemove", "touchstart", "touchmove"],
|
||||
tooltipFillColor: "rgba(0,0,0,0.8)",
|
||||
tooltipFontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
|
||||
tooltipFontSize: 14,
|
||||
tooltipFontStyle: "normal",
|
||||
tooltipFontColor: "#fff",
|
||||
tooltipTitleFontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
|
||||
tooltipTitleFontSize: 14,
|
||||
tooltipTitleFontStyle: "bold",
|
||||
tooltipTitleFontColor: "#fff",
|
||||
tooltipYPadding: 6,
|
||||
tooltipXPadding: 6,
|
||||
tooltipCaretSize: 8,
|
||||
tooltipCornerRadius: 6,
|
||||
tooltipXOffset: 10,
|
||||
tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %>"
|
||||
};
|
||||
|
||||
var my2ndLineChart = new Chart(ctx).Line(lineData, partialOpts);
|
||||
var my2ndBarChart = new Chart(ctx).Bar(barData, partialOpts);
|
||||
var my2ndRadarChart = new Chart(ctx).Radar(radarData, partialOpts);
|
||||
var my2ndPolarAreaChart = new Chart(ctx).PolarArea(polarAreaData, partialOpts);
|
||||
var my2ndPieChart = new Chart(ctx).Pie(pieData, partialOpts);
|
||||
var my2ndDoughnutChart = new Chart(ctx).Doughnut(pieData, partialOpts);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user