2013-07-01 3 views
0

мне нужно настроить hightcharts pie donut для следующей конструкции:Highcharts Pie пончик Customize формируют

enter image description here

Q: Как я могу настроить круги, чтобы сформировать C форму и стрелка как форма?

old jsfiddle

Отредактировано:

Благодаря Bochan, revised jsfiddle: see sample

Теперь, я попытался сделать оранжевые и синие точки (marker) между двумя точками, согласно документации, я написал следующее код; но он не показывает маркер:

plotOptions: { 
     pie: { 
      pointWidth: '2', 
      borderWidth: '0', 
      innerSize: '60%', 
      animation: false, 
      dataLabels: { 
       enabled: false, 
      }, 
      states: { 
       hover:{ 
        marker:{ 
         fillColor: 'red', 
         lineWidth: 2, 
         lineColor: 'blue', 
         radius: 2 
        } 
       } 
      } 
     } 
    }, 

sample shows marker on line chart Мне тоже нужно.

My jsfiddle sample

Благодаря

ответ

2

Вы можете попробовать использовать кольцевую диаграмму http://www.highcharts.com/demo/pie-donut и визуализатор, чтобы добавить стрелку. http://api.highcharts.com/highcharts#Renderer

+0

Спасибо Bochan, хорошая идея! Я могу это сделать. Еще одно: как я могу сформировать крайние/коннекторы двух цветов с небольшими кружками? спасибо –

+0

Вы можете использовать параметр заполнения в attr ({fill: 'red'}) –

+0

Bochan, я не могу сделать точки на маркере любезно вы можете помочь? http://jsfiddle.net/omeraslam07/trHvU/ –

Смежные вопросы