mirror of
https://github.com/zhigang1992/DefinitelyTyped.git
synced 2026-04-24 05:06:02 +08:00
fa3a9621c6
Implemented the following changes. - The HighchartsChartObject.series property should return HighchartsSeriesObject[] not HighchartsSeriesChart[]. - Added missing setVisible(...) overloaded method to the HighchartsSeriesObject interface. - Added missing JQuery.highcharts(...) method overload containing callback function parameter used to manipulate the chart instance. - Amended test file to exercise all changes in this commit.
120 lines
3.4 KiB
TypeScript
120 lines
3.4 KiB
TypeScript
/// <reference path="highcharts.d.ts" />
|
|
/// <reference path="../jquery/jquery.d.ts" />
|
|
|
|
|
|
var animate: HighchartsBoolOrAnimation;
|
|
animate = true;
|
|
animate = { duration: 200, easing: "linear" };
|
|
|
|
|
|
var gradient: HighchartsColorOrGradient;
|
|
gradient = {
|
|
linearGradient: { x0: 0, y0: 0, x1: 500, y1: 500 },
|
|
stops: [
|
|
[0, 'rgb(255, 255, 255)'],
|
|
[1, 'rgb(200, 200, 255)']
|
|
]
|
|
}
|
|
|
|
var color = "#fcfcff";
|
|
|
|
var backgound: HighchartsColorOrGradient;
|
|
|
|
backgound = gradient;
|
|
backgound = color;
|
|
|
|
var chart1 = new Highcharts.Chart({
|
|
chart: {
|
|
renderTo: "container"
|
|
},
|
|
xAxis: [{
|
|
}],
|
|
series: [{
|
|
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
|
|
}]
|
|
});
|
|
|
|
var chart2 = new Highcharts.Chart({
|
|
chart: {
|
|
renderTo: 'container',
|
|
width: 400,
|
|
height: 400,
|
|
spacingRight: 20
|
|
},
|
|
xAxis: [{
|
|
type: 'logarithmic',
|
|
min: 1,
|
|
max: 1000,
|
|
endOnTick: true,
|
|
tickInterval: 1,
|
|
minorTickInterval: 0.1,
|
|
gridLineWidth: 1
|
|
}],
|
|
yAxis: [{
|
|
type: 'logarithmic',
|
|
min: 1,
|
|
max: 1000,
|
|
tickInterval: 1,
|
|
minorTickInterval: 0.1,
|
|
title: {
|
|
text: null
|
|
}
|
|
}],
|
|
legend: {
|
|
enabled: false
|
|
},
|
|
series: [{
|
|
data: [
|
|
[550, 870], [738, 362], [719, 711], [547, 665], [595, 197], [332, 144],
|
|
[581, 555], [196, 862], [6, 837], [400, 924], [888, 148], [785, 730],
|
|
[374, 358], [440, 69], [704, 318], [646, 506], [238, 662], [233, 56],
|
|
[622, 572], [563, 903], [744, 672], [904, 646], [390, 325], [536, 491],
|
|
[676, 186], [467, 145], [790, 114], [437, 793], [853, 243], [947, 196],
|
|
[395, 728], [527, 148], [516, 675], [632, 562], [52, 552], [605, 580],
|
|
[790, 865], [156, 87], [584, 290], [339, 921], [383, 633], [106, 373],
|
|
[762, 863], [424, 149], [608, 959], [574, 711], [468, 664], [268, 77],
|
|
[894, 850], [171, 102], [203, 565], [592, 549], [86, 486], [526, 244],
|
|
[323, 575], [488, 842], [401, 618], [148, 43], [828, 314], [554, 711],
|
|
[685, 868], [387, 435], [469, 828], [623, 506], [436, 184], [450, 156],
|
|
[805, 517], [465, 997], [728, 802], [231, 438], [935, 438], [519, 856],
|
|
[378, 579], [73, 765], [223, 219], [359, 317], [686, 742], [17, 790],
|
|
[20, 35], [410, 644], [984, 325], [503, 882], [900, 187], [578, 968],
|
|
[27, 718], [355, 704], [395, 332], [641, 548], [964, 374], [215, 472],
|
|
[323, 66], [882, 542], [671, 327], [650, 193], [828, 632], [760, 929],
|
|
[607, 335], [928, 826], [462, 598], [631, 411]
|
|
],
|
|
type: 'scatter'
|
|
}]
|
|
});
|
|
|
|
chart1.exportChart(null, {
|
|
chart: {
|
|
backgroundColor: '#FFFFFF'
|
|
}
|
|
});
|
|
|
|
|
|
var div: HTMLDivElement;
|
|
var r = new Highcharts.Renderer(div, 20, 30);
|
|
var box = r.text("Hello", 10, 10).getBBox();
|
|
|
|
var highChartSettings: HighchartsOptions = {
|
|
chart: {
|
|
width: 400,
|
|
height: 400
|
|
},
|
|
xAxis: [{
|
|
}],
|
|
series: [{
|
|
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
|
|
}]
|
|
};
|
|
|
|
var container = $("#container").highcharts(highChartSettings, function (chart) {
|
|
chart.series[0].setVisible(true, true);
|
|
});
|
|
|
|
var options = Highcharts.getOptions();
|
|
|
|
var options2 = Highcharts.setOptions(options);
|