mirror of
https://github.com/chartjs/Chart.js.git
synced 2026-03-14 12:16:52 +01:00
Hybrid Line and Bar chart - Line Now drawing
This commit is contained in:
@@ -93,7 +93,6 @@
|
||||
backgroundColor: rectangle.custom && rectangle.custom.backgroundColor ? rectangle.custom.backgroundColor : helpers.getValueAtIndexOrDefault(this.getDataset().backgroundColor, index, this.chart.options.elements.rectangle.backgroundColor),
|
||||
borderColor: rectangle.custom && rectangle.custom.borderColor ? rectangle.custom.borderColor : helpers.getValueAtIndexOrDefault(this.getDataset().borderColor, index, this.chart.options.elements.rectangle.borderColor),
|
||||
borderWidth: rectangle.custom && rectangle.custom.borderWidth ? rectangle.custom.borderWidth : helpers.getValueAtIndexOrDefault(this.getDataset().borderWidth, index, this.chart.options.elements.rectangle.borderWidth),
|
||||
|
||||
},
|
||||
});
|
||||
rectangle.pivot();
|
||||
@@ -122,16 +121,6 @@
|
||||
// }, this);
|
||||
// },
|
||||
|
||||
// eachRectangle: function(callback) {
|
||||
// helpers.each(this.chart.data.datasets, function(dataset, datasetIndex) {
|
||||
// helpers.each(dataset.metaData, function(element, index) {
|
||||
// if (element instanceof Chart.Rectangle) {
|
||||
// callback(element, index, dataset, datasetIndex);
|
||||
// }
|
||||
// }, this);
|
||||
// }, this);
|
||||
// },
|
||||
|
||||
// addLine: function addLine(dataset, datasetIndex) {
|
||||
// if (dataset) {
|
||||
// dataset.metaDataset = new Chart.Line({
|
||||
@@ -322,7 +311,6 @@
|
||||
// },
|
||||
|
||||
|
||||
|
||||
// setElementHoverStyle: function setElementHoverStyle(element) {
|
||||
// if (element instanceof Chart.Point) {
|
||||
// this.setPointHoverStyle(element);
|
||||
@@ -341,7 +329,7 @@
|
||||
// point._model.borderWidth = point.custom && point.custom.hoverBorderWidth ? point.custom.hoverBorderWidth : helpers.getValueAtIndexOrDefault(dataset.pointBorderWidth, index, point._model.borderWidth);
|
||||
// },
|
||||
|
||||
// setRectangleHoverStyle: function(rectangle) {
|
||||
// setHoverStyle: function(rectangle) {
|
||||
// var dataset = this.chart.data.datasets[rectangle._datasetIndex];
|
||||
// var index = rectangle._index;
|
||||
|
||||
@@ -388,42 +376,42 @@
|
||||
// }, this);
|
||||
// },
|
||||
|
||||
// getElementsAtEvent: function(e) {
|
||||
// var elementsArray = [],
|
||||
// eventPosition = helpers.getRelativePosition(e),
|
||||
// datasetIterator = function(dataset) {
|
||||
// elementsArray.push(dataset.metaData[elementIndex]);
|
||||
// },
|
||||
// elementIndex;
|
||||
getElementsAtEvent: function(e) {
|
||||
var elementsArray = [],
|
||||
eventPosition = helpers.getRelativePosition(e),
|
||||
datasetIterator = function(dataset) {
|
||||
elementsArray.push(dataset.metaData[elementIndex]);
|
||||
},
|
||||
elementIndex;
|
||||
|
||||
// for (var datasetIndex = 0; datasetIndex < this.chart.data.datasets.length; datasetIndex++) {
|
||||
// for (elementIndex = 0; elementIndex < this.chart.data.datasets[datasetIndex].metaData.length; elementIndex++) {
|
||||
// if (this.chart.data.datasets[datasetIndex].metaData[elementIndex].inGroupRange(eventPosition.x, eventPosition.y)) {
|
||||
// helpers.each(this.chart.data.datasets, datasetIterator);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
for (var datasetIndex = 0; datasetIndex < this.chart.data.datasets.length; datasetIndex++) {
|
||||
for (elementIndex = 0; elementIndex < this.chart.data.datasets[datasetIndex].metaData.length; elementIndex++) {
|
||||
if (this.chart.data.datasets[datasetIndex].metaData[elementIndex].inGroupRange(eventPosition.x, eventPosition.y)) {
|
||||
helpers.each(this.chart.data.datasets, datasetIterator);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// return elementsArray.length ? elementsArray : [];
|
||||
// },
|
||||
return elementsArray.length ? elementsArray : [];
|
||||
},
|
||||
|
||||
// // Get the single element that was clicked on
|
||||
// // @return : An object containing the dataset index and element index of the matching element. Also contains the rectangle that was drawn
|
||||
// getElementAtEvent: function(e) {
|
||||
// var element = [];
|
||||
// var eventPosition = helpers.getRelativePosition(e);
|
||||
getElementAtEvent: function(e) {
|
||||
var element = [];
|
||||
var eventPosition = helpers.getRelativePosition(e);
|
||||
|
||||
// for (var datasetIndex = 0; datasetIndex < this.chart.data.datasets.length; ++datasetIndex) {
|
||||
// for (var elementIndex = 0; elementIndex < this.chart.data.datasets[datasetIndex].metaData.length; ++elementIndex) {
|
||||
// if (this.chart.data.datasets[datasetIndex].metaData[elementIndex].inRange(eventPosition.x, eventPosition.y)) {
|
||||
// element.push(this.chart.data.datasets[datasetIndex].metaData[elementIndex]);
|
||||
// return element;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
for (var datasetIndex = 0; datasetIndex < this.chart.data.datasets.length; ++datasetIndex) {
|
||||
for (var elementIndex = 0; elementIndex < this.chart.data.datasets[datasetIndex].metaData.length; ++elementIndex) {
|
||||
if (this.chart.data.datasets[datasetIndex].metaData[elementIndex].inRange(eventPosition.x, eventPosition.y)) {
|
||||
element.push(this.chart.data.datasets[datasetIndex].metaData[elementIndex]);
|
||||
return element;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// return [];
|
||||
// },
|
||||
return [];
|
||||
},
|
||||
});
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user