আমি বুটস্ট্র্যাপ, জিকুয়ারি এবং চার্ট.জেএস (ভি 2) ব্যবহার করে একটি হোমপৃষ্ঠা তৈরি করছি। আমি আমার বাস্তবায়নটি ভি 1 ব্যবহার করে কাজ করেছি, তবে সম্প্রতি সবেমাত্র বোভারে গিয়ে ভিটি ডাউনলোড করে ডাউনলোড করেছি download
আমি পাই ক্যারেটযুক্ত প্রত্যেকটি 4 টি কলামের গ্রিড তৈরি করছি, তবে ভি 2-তে স্কেলিংটি আমার কাজ করার জন্য বিভ্রান্ত করার মতো। আমি চাই চার্টগুলি প্রতিক্রিয়াশীল হোক যাতে তারা ছোট ডিভাইসগুলি যেমন ট্যাবলেট এবং স্মার্টফোনগুলির সাথে সঠিকভাবে স্কেল করে এবং আমার একটি সমস্যা চার্টগুলির কিংবদন্তি থেকে মুক্তি পাচ্ছে এবং পাশাপাশি আমার বিভাগগুলির উপর মাউস ঘোরাতে গিয়ে তথ্যগুলি হোভার করে is চার্ট।
index.html
<body>
<div class="container">
<div class="row">
<div class="col-xs-3">
<canvas id="chart1"></canvas>
</div>
<div class="col-xs-3">
<canvas id="chart1"></canvas>
</div>
<div class="col-xs-3">
<canvas id="chart1"></canvas>
</div>
<div class="col-xs-3">
<canvas id="chart1"></canvas>
</div>
</div>
</div>
</body>functions.js
$(document).ready(function(){
var canvas = $("#chart1");
var data = {
labels: [],
datasets: [{
data: [10, 10],
backgroundColor: ["#F7464A", "#FDB45C"],
hoverBackgroundColor: ["#FF5A5E", "#FFC870"]
}]
};
var chart1 = new Chart(canvas, {
type: "pie",
data: data,
});
});যদি আমি খালি "লেবেলগুলি" ফিল্ডটি সরিয়ে ফেলি তবে চার্টটি আর কাজ করে না। এবং এর চেহারার দ্বারা চার্টের শীর্ষে একটি ছোট ফাঁক রয়েছে যা ইঙ্গিত দিতে পারে যে শিরোনামগুলি লিখিত আছে, তবে সেগুলি কেবল খালি স্ট্রিং।
কিংবদন্তি কীভাবে মুছে ফেলা যায় এবং হোভারের বর্ণনাটি কী কারও কাছে রয়েছে? আমি কীভাবে এটি ব্যবহার করা হয় তার চারপাশে আমার মাথা পেতে পারি না
আমি সময় পাওয়ার সাথে সাথে একটি জসফিডেলের চারপাশে হাত পাব!
সম্পাদনা: দস্তাবেজের লিঙ্ক: https://nnnick.github.io/Chart.js/docs-v2/#getting-st সূত্র