Как удалить ярлык y в диаграмме?

Question

Не могли бы вы рассказать мне удалить ярлыки ярлыков оси y. Я делаю простую диаграмму с использованием библиотеки слияния. Я видел какую-то ось y оси 0 $, 4 $, 12 $ .. и т. Д. Я хочу удалить эту метку. Мне нужно показать такую ​​диаграмму, как показано на рисунке [! [Ввести описание изображения здесь] [1 ]] [1] http://jsfiddle.net/Tu57h/135/

мы можем показать это на правой стороне, как показано на изображении?

вот мой код http://jsfiddle.net/Tu57h/135/

FusionCharts.ready(function() { 
    var salesChart = new FusionCharts({ 
     type: 'msarea', 
     renderAt: 'chart-container', 
     width: '450', 
     height: '300', 
     dataFormat: 'json', 
     dataSource: { 
      "chart": { 
       "caption": "Sales of Liquor", 
       "subCaption": "Previous week vs current week", 
       "xAxisName": "Day", 
       "numberPrefix": "$", 
       "paletteColors": "#0075c2,#1aaf5d", 
       "bgColor": "#ffffff", 
       "showBorder": "0", 
       "showCanvasBorder": "0", 
       "plotBorderAlpha": "10", 
       "usePlotGradientColor": "0", 
       "legendBorderAlpha": "0", 
       "legendShadow": "0", 
       "plotFillAlpha": "60", 
       "showXAxisLine": "1", 
       "axisLineAlpha": "25",     
       "showValues": "0", 
       "captionFontSize": "14", 
       "subcaptionFontSize": "14", 
       "subcaptionFontBold": "0", 
       "divlineColor": "#999999",     
       "divLineIsDashed": "1", 
       "divLineDashLen": "1", 
       "divLineGapLen": "1", 
       "showAlternateHGridColor": "0", 
       "toolTipColor": "#ffffff", 
       "toolTipBorderThickness": "0", 
       "toolTipBgColor": "#000000", 
       "toolTipBgAlpha": "80", 
       "toolTipBorderRadius": "2", 
       "toolTipPadding": "5", 
      }, 

      "categories": [ 
       { 
        "category": [ 
         { 
          "label": "jan 2015" 
         }, 
         { 
          "label": "feb 2015" 
         }, 
         { 
          "label": "mar 2015" 
         }, 
         { 
          "label": "may 2015" 
         }, 
         { 
          "label": "jun 2015" 
         }, 
         { 
          "label": "jul 2015" 
         }, 
         { 
          "label": "aug 2015" 
         },{ 
          "label": "sep 2015" 
         },{ 
          "label": "oct 2015" 
         } 
         ,{ 
          "label": "nov 2015" 
         },{ 
          "label": "dec 2015" 
         } 
        ] 
       } 
      ], 

      "dataset": [ 
       { 
        "seriesname": "Previous Week", 
        "data": [ 
         { 
          "value": "13000" 
         }, 
         { 
          "value": "14500" 
         }, 
         { 
          "value": "13500" 
         }, 
         { 
          "value": "15000" 
         }, 
         { 
          "value": "15500" 
         }, 
         { 
          "value": "17650" 
         }, 
         { 
          "value": "19500" 
         } 
        ] 
       } 
      ] 
     } 
    }) 
    .render(); 
}); 

Answer 1

То, что показано на правой стороне вашего изображения, - это линии тренда. Вы можете удалить метки по оси Y с showYAxisValues: "0" в настройках графика и добавьте трендовые с:

"trendlines": [ 
    { 
    "line": [ 
     { 
      "startvalue": "12000", 
      "color": "#1aaf5d", 
      "valueOnRight": "1", 
      "displayvalue": "$12K" 
     } 
    ] 
    } 
] 

скрипки здесь http://jsfiddle.net/Tu57h/138/

Answer 2

Я не уверен, если API предоставляет такую ​​функциональность. Однако, чтобы скрыть метки оси Y, вы можете настроить таргетинг на раздел DOM, созданный API, и скрыть его.

setTimeout(function() { 
     $('#chart-container .fusioncharts-yaxis-0-gridlabels').eq(0).hide(); 
    }, 50); 

Fiddle: http://jsfiddle.net/Tu57h/137/ (я не мог заставить его работать на jsfiddle, но он отлично работает при запуске на локальной машине).