يتم عرض مخطط دائري فارغ بدون أخطاء.
يظهر خطأ:
ReferenceError: Highcharts is not defined
https://github.com/highcharts/highcharts/blob/decfc3ab47ec88e28472f065fd2454b46c9f1fd1/js/parts/PieSeries.js#L789
https://codesandbox.io/s/highcharts-vue-demo-ye65e
8.1.1
الجميع
يتم كسر جميع المخططات الدائرية الديناميكية التي تمت تهيئتها فارغة وتم ملؤها لاحقًا بالبيانات ، بشكل غير متزامن ، عن طريق التحديث من 8.1.0 إلى 8.1.1
مرحبًا بابلول ميدورادو و @ كليمينو
شكرا على الإبلاغ القضية!
يبدو أن المشكلة تتعلق بأحدث إصدار فقط وتتعلق بكل الأغلفة. في الواقع ، تم إصلاحه بالفعل على فرع master
، لأنه بعد وضع أحدث إصدار من master
في مثال codeandbox ، واستبدال إصدارات Highcharts ، يبدو أن المشكلة تختفي.
باختصار ، نحتاج إلى إصدار إصدار جديد في الأيام القادمة ، وسيتم حل هذه المشكلة تلقائيًا.
مثال حي: https://codesandbox.io/s/highcharts-vue-demo-61e0v
أطيب التحيات!
يبدو أن هذه المشكلة لا تزال موجودة في الإصدار الذي تم إصداره من 8.1.2 ، على الأقل في الإصدار المنشور حتى npm.
قضية إعادة الفتح.
@ bre1470 - هل يمكنك التحقق من ذلك؟ # 13681 مغلق ، ولكن يبدو أن مساحة الاسم Highcharts
مستخدمة أيضًا في الصميم ، وليس فقط في الوحدات النمطية. عرض توضيحي: https://codesandbox.io/s/highcharts-vue-demo-5o9qu؟
تأكد من أن هذا لا يزال يمثل مشكلة بالنسبة لي أيضًا في 8.1.2
https://stackblitz.com/edit/angular-ivy-udtk3a؟file=package.json
في سيناريوين يتم استنساخه:
أشعر بالفضول حيال الحلول حتى ينتهي الإصلاح. باستخدام رابط إعدادها في صورة جاهزةpawelfus الصورة وتعديل النسخة highcharts إلى 8.1.0 _appears_ لإصلاح هذه المشكلة. هل هذا هو الحل المقترح الآن؟
أشعر بالفضول حيال الحلول حتى ينتهي الإصلاح. باستخدام رابط إعدادها في صورة جاهزةpawelfus الصورة وتعديل النسخة highcharts إلى 8.1.0 _appears_ لإصلاح هذه المشكلة. هل هذا هو الحل المقترح الآن؟
في حالتنا ، تم تشغيل المشكلة من خلال إنشاء مخطط بدون بيانات ، ثم إضافة البيانات لاحقًا. كما حدث ، كانت لدينا البيانات بالفعل في تلك المرحلة ، وبالتالي يمكننا إنشاء الرسم البياني بالبيانات ، وبالتالي تجنب المشكلة. إذا كان هذا خيارًا لك ، فهو يستحق البحث.
kennyjwilli إذا كانت هناك تغييرات منذ 8.1.0 ترغب في الاستفادة منها ، فيمكنك أيضًا التفاف طريقة drawEmpty
النحو التالي:
// Workaround for https://github.com/highcharts/highcharts/issues/13710
(function(H) {
H.seriesTypes.pie.prototype.drawEmpty = function() {
var centerX,
centerY,
start = this.startAngleRad,
end = this.endAngleRad,
options = this.options;
// Draw auxiliary graph if there're no visible points.
if (this.total === 0) {
centerX = this.center[0];
centerY = this.center[1];
if (!this.graph) {
this.graph = this.chart.renderer
.arc(centerX, centerY, this.center[1] / 2, 0, start, end)
.addClass("highcharts-empty-series")
.add(this.group);
}
this.graph.attr({
d: H.SVGRenderer.prototype.symbols.arc(
centerX,
centerY,
this.center[2] / 2,
0,
{
start: start,
end: end,
innerR: this.center[3] / 2
}
)
});
if (!this.chart.styledMode) {
this.graph.attr({
"stroke-width": options.borderWidth,
fill: options.fillColor || "none",
stroke: options.color || "#cccccc"
});
}
} else if (this.graph) {
// Destroy the graph object.
this.graph = this.graph.destroy();
}
}
})(Highcharts);
وإلا فإننا نقترح استخدام 8.1.0 في الوقت الحالي.
تخمين أن الإصلاح # 13770 لا يعالج # 13722
قدمت عرضًا توضيحيًا لإعادة إنتاج المشكلة في # 13722
السطر التالي هو مصدر هذه المشكلة.
https://github.com/highcharts/highcharts/blob/c7e1976467a3b0e1620d44a414af2470716732b9/js/parts/ColumnSeries.js#L571
لا يزال هذا يحدث لي في 2.7.0
مرحبًا Crocsx - لم يتم تحرير هذا الإصلاح. الإصدار القادم مجدول في الشهر المقبل. في الوقت الحالي ، تحتاج إما إلى الرجوع إلى إصدار أقدم أو استخدام workaorund المنشور هنا: https://github.com/highcharts/highcharts/issues/13710#issuecomment -650014654
ملاحظة: إصدار Highcharts الحالي هو v8.1.2
آه ، صحيح ، آسف سيئ ، لقد خلطت مع التحديث الزاوي العالي ، لم أر هذا المخطط العالي كان لا يزال في 8.1.2 ، آسف
مرحبًا Crocsx - لم يتم تحرير هذا الإصلاح. الإصدار القادم مجدول في الشهر المقبل. في الوقت الحالي ، تحتاج إما إلى الرجوع إلى إصدار سابق أو استخدام workaorund المنشور هنا: # 13710 (تعليق)
ملاحظة: إصدار Highcharts الحالي هو v8.1.2
pawelfus هل لديك تاريخ للإصدار القادم؟
نستهدف الأسبوع المقبل @ Felipemfp
واجهت مشكلة مماثلة. بعد النقر فوق رمز الأسطورة ، كانت البيانات الأخرى 0. شكرًا!
"مخططات عالية": "^ 8.2.0"،
مرحبًا @ the-gc - لا يمكنني إعادة إنشاء المشكلة في الإصدار 8.2.0 ، ألق نظرة: https://jsfiddle.net/BlackLabel/ncpL97eq/ - هل يمكنك تحديث العرض التوضيحي الخاص بي؟ شكرا!
يمكنني أن أؤكد أن التحديث إلى Highcharts 8.2.0 قد أصلح المشكلة لنا.
شكرا!
نفس الشيء هنا ، يعمل بشكل جيد
مرحبًا pawelfus - تمت إعادة بناء المشروع اليوم وتم حل المشكلة ، شكرًا جزيلاً لك!
شكرا للتاكيد!
كان هذا يحدث لي أيضًا نظرًا لوجود إصدارات متعددة من الرسوم البيانية العالية في ملف yarn.lock
. بمجرد التوطيد (في 8.2.0) ، ذهب الانهيار.
التعليق الأكثر فائدة
تأكد من أن هذا لا يزال يمثل مشكلة بالنسبة لي أيضًا في 8.1.2
https://stackblitz.com/edit/angular-ivy-udtk3a؟file=package.json