C3: Bentuk khusus untuk poin

Dibuat pada 20 Mar 2015  ·  47Komentar  ·  Sumber: c3js/c3

Akan sangat bagus untuk dapat mendefinisikan berbagai bentuk (lingkaran, persegi, segitiga, bintang, ...) untuk titik-titik grafik.

Mereka adalah 2 alasan utama untuk itu:

  • Mencetak pada printer skala abu-abu
  • Orang buta warna

Beberapa topik dibuat di grup google tanpa tanggapan:
https://groups.google.com/d/topic/c3js/I2UhY4U6zI0/discussion
https://groups.google.com/d/topic/c3js/gZrpl0QpKYw/discussion
https://groups.google.com/d/topic/c3js/6QRQ1VWx3vw/discussion

Legenda harus menggunakan bentuk yang sama dengan yang ditentukan untuk poin.

Inilah cara saya membayangkan konfigurasi:

point: {
  shape: {
    'data1': 'circle',
    'data2': 'square',
    'data3': 'triangle'
  }
}

atau, untuk menentukan beberapa atribut khusus lainnya:

point: {
  'data1': {
    shape: 'circle',
    color: '#ff0000',
    r: 2
  },
  'data2': {
    shape: 'square',
    color: '#0000ff',
    r: 3
  }
}
C-feature-request R-needs-docs

Komentar yang paling membantu

Semua orang yang menginginkan fitur ini, silakan berlangganan sendiri atau gunakan respons emoji alih-alih membalas +1.

Terima kasih.

Semua 47 komentar

Saya akan sangat menghargai fitur ini.

+1

utama +1

+1

+1
Apakah ada yang menemukan cara untuk mencapai ini?

Saya bekerja untuk mengimplementasikan bentuk khusus untuk titik plot. Saya telah menerapkan bentuk persegi dan persegi panjang.
Inilah pekerjaan saya:
https://github.com/prakulgupta/c3.js-CustomPlotPointShapes-Feature.git

Semoga ini dapat membantu orang-orang yang membutuhkan fitur bentuk khusus :+1:

Terima kasih @prakulgupta !
Untuk mencapai bentuk yang berbeda saya harus menjalankan fungsi d3 setelah bagan dibuat yang langsung mengubah lingkaran menjadi kotak.. Membuat saya merasa kotor. Rencana saya adalah membangun kembali plot pencar kami dengan d3 lurus. Akan mencoba repo itu!

+1 akan senang melihat ini terintegrasi juga.

+1 sangat dibutuhkan

+1 akan luar biasa!

@prakulgupta Itu terlihat seperti kandidat yang sangat bagus untuk permintaan tarik! Apakah Anda mungkin mempertimbangkan untuk melakukannya? Terima kasih!

saya ingin bentuk segitiga :( , atau tanda panah. Untuk menunjukkan titik di diagram batang.

+1

+1

👍

Saya menemukan solusi untuk ini. Gunakan d3. Ini jauh lebih mudah dari yang Anda bayangkan. Contoh: http://bl.ocks.org/bunkat/2595950

Saya akan mengatakan bahwa ini sebenarnya bukan solusi.
Kami menggunakan banyak fungsi yang disediakan c3. Menulis ulang mereka menggunakan perpustakaan d3 asli tidak terlalu berguna.

+1, itu juga bagus untuk memiliki tipe poin untuk legenda

+1!

+1

👍

+1

Semua orang yang menginginkan fitur ini, silakan berlangganan sendiri atau gunakan respons emoji alih-alih membalas +1.

Terima kasih.

Sesuatu seperti mode peralihan antara dua jenis tampilan grafik ini akan rapi.

Bisakah Anda menggunakan sesuatu seperti https://github.com/d3/d3-shape#symbols untuk mencapai ini?

Untuk solusi lain dengan bagan sebar, lihat di sini: http://stackoverflow.com/a/41848255/1178015

+1

👍

👍

+1

+1

Apa status masalah/permintaan ini? Ini benar-benar satu-satunya hal yang mencegah saya menggunakan C3js dan saya ingin melakukannya. A11y adalah perhatian besar dan poin tentang pencetakan dan buta warna adalah valid. Saya menambahkan jempol tahun lalu tetapi utasnya menjadi sunyi dalam hal solusi. Apakah ini sesuatu yang mungkin sedang dalam pengembangan saat ini atau apakah permintaan ini ditolak?

Terima kasih untuk semua pekerjaan yang luar biasa dan berharap resolusi itu mungkin.

Ini juga akan berguna jika diperbolehkan lebih dari simbol, misalnya gambar atau svg.
Misalnya, menyoroti kumpulan data tertentu berdasarkan beberapa atribut, akan sangat rapi.

Akan lebih luar biasa jika memungkinkan untuk mengatur bentuk tertentu ke titik tertentu dari kumpulan data.
Contoh aplikasi: Pada grafik kecepatan angin (tanggal dalam x, kecepatan dalam y), ini akan memungkinkan untuk menunjukkan arah angin pada setiap nilai (panah arah sebagai bentuk titik).

+1

👍

👍

Harap upvote komentar yang Anda sukai, daripada memberi komentar +1 atau jempol, itu memudahkan untuk mengikuti masalah dengan tidak mengirim spam ke kotak masuk siapa pun dan hanya mengirim pesan tentang masukan yang relevan

👍

👍

👍

👍

Bisakah seseorang dengan pengetahuan yang lebih dalam tentang basis kode c3 berkomentar tentang bagaimana seseorang dapat mengimplementasikan perubahan ini? Dengan bimbingan seperti itu, mungkin seseorang dari komunitas akan secara sukarela mengambil tugas ini.

Gunakan grafik tinggi... Jauh lebih baik: https://www.highcharts.com/blog/products/highcharts/

Adakah kemajuan yang diharapkan dalam hal ini? Ini adalah hampir 4 tahun masalah pada tulisan ini.

@BrandKNY Proyek ini tidak dipertahankan lagi. billboard.js adalah cabang aktif baru, tetapi fitur ini juga belum siap di billboard.js

( masalah ini sudah lama/2015! tetapi tidak ada gaya titik di https://c3js.org/reference.html )

Mungkin langkah pertama adalah memasukkan sedikit peningkatan alih-alih lompatan besar ke "bentuk apa pun"... Saran: seperti pada data.colors , definisi per dataset , tawarkan opsi untuk mendefinisikan radius lingkaran sebagai objek,

 point: { 
    r: { data1: 5,   data2: 2.5 } 
} 
Apakah halaman ini membantu?
0 / 5 - 0 peringkat